Unit 11 - 12 Web Portfolio

Three Different Portfolio Websites 

Portfolio Links:
http://followbubble.com
http://www.adandypunk.com/#!squidinkings/ck0q
http://www.rudylamotte.com/#!portfolio-3d/c6yf
   
Questions:
Navigation / Focus:
Does the Design have a focal point? What is your first impression? How does the designer use color and layout to make the site appealing and engaging? What kind of navigation does the site use: main navigation, sub-navigation, drop-down menu, fly-out menus, image maps? Is the navigation clear? How many links are in the navigation? Are there too many?

Target Audience :
Who is the website's target audience? What is the theme or concept behind the site? Does the concept match the content? Do they reinforce each other? Is the site effective in engaging the audience?

Usability:
Is the website's interface and navigation intuitive and effective? Is the site coherent and consistent throughout? Does the website effectively use hierarchy to organize the content? Is the hierarchy helpful to navigate the content? Does the navigational structure allow the user to find content quickly and efficiently? Do interactive navigation and elements add or detract from the user experience?

Visual Communication:
Contrast (Examples: color to produce contrast, size contrast, focus or not in focus) Alignment (Examples: vertical, horizontal, justified, centred (passive alignment) Repetition (theme or elements from page to page, coherence to achieve a consistent theme. How much repetition and how much variety do you want?) Proximity (relationships between elements, between sub-heads and paragraphs or images and captions, grouping of images and elements)

    For this the first blog above here is follow http://followbubble.com. The focal point to me in my opinion was the doodles around the website. They were very cute and simple. I like the simplicity and its refreshing compared to fancy blogs and the order for the blog. This made me feel that this blog was very free and creative. My first impression that this blog was it was artistic and simple. The drawings were nice and simple. The drawings make me want to look around and keeps me interested. The designer uses the color and layout to make this site appealing and engaging from highlighting the particular links on the page. The obvious link on this page would be the menu text in the color white or about us for example. The white stands out from the blue which indicates the viewer that its important in my opinion. The type of navigation that this website uses is drop down menu because after clicking on a particular link on the page, you will be guided to a new page of information and explore the website from different links. The number links in this website are eight. There is one for the home page, work, tools, about their website, the jobs available there, their blog and where to contact them. I think there are too many link for this website because in my opinion, I would mainly like to see the art work, their experience and where I can contact them rather then all the other information not needed.

The website's navigation isn't too effective to me because it took me a while to find the menu. I got distracted from all the pretty doodles and went directly to the links rather then finding the menu. The way you navigate on this blog is cool but I wouldn't say easy for a newcomer like me. . I don't think their website is very consistent when exploring this website because I got lost looking through their website. When exploring, I found that I was having a hard time and weren't alike transitions. I think the user would find their information efficiently depending if they find the menu link because its easy to gain access where you want to go but if you don't see the menu link at first, then it would be really difficult finding your way around the website. When exploring their website, I found it was quick at the least even though the navigation was difficult, it had good speed. I found that the interactive navigation was detracting in my opinion because all I wanted to see it the main point rather then just the appearance of the web portfolio.

For this website, I found that the website contrasted great with the different shades of blue and white. They were simple and effective. The website wasn't distracting and didn't have too much going crazy. The sizes were the appropriate proportion an took the whole web page. The appearance would make it  very appealing for viewers in my opinions for people who like art like me. There is alignment in this blog and is very organized. After the home page of the blog, it very organized when finding the projects that they have done or when they explain what they do. I think the "Doodle" theme was pretty consistent because there would be doodles in every link I would go to. There would be at least one section of a cute doodle on the webpage as I looked through. The type of consistency of a theme in my webpage I would want at least one little part of the theme as the viewer would scroll and explore my web portfolio. I want to keep them interested and loving the appearance so they want to explore more. This whole website relates all together to the way that they are positioned to the font of the website. The reason that it relates to the theme because I think the appearance is meant to look simple, creative and artistic since this website is a digital and social media agency. It related to the theme for everything and the designer of the blog executed that very well in my opinion. The whole theme and appearance did and an amazing job.

This picture on the right is the second website I chose, http://www.adandypunk.com. I think the focal point of this web portfolio is the person in the background. I find that he stands out regardless which link you click on the web. I would say my first impression of this amazing website is that it was creative and different. I loved the little stick people and pencil drawings. I happen to be in art and love the change in visuals rather then having the usual organized plan web portfolios. The maker of the website uses color in his web portfolio is by contrasting some dark colors in his art with a mix of some bright beautiful colors like red or bright white to black, or some neon colors in the dark. The type of navigation that the maker uses is a menu on the top of his web portfolio and slides into the links he presents left to right depending which link you click on the top menu. The maker uses main navigation to get around his web portfolio. Yes, i think the navigation for this website is very easy to access. There are no confusing links when exploring and enjoyed looking around at the art of this website. There are four links in total and find it enough. Its very simple and i think anybody could navigate this website without any difficulty. 

I think that this web portfolio is intended for professionals looking for experienced art director and artist. The theme of this web page would be a mix of Gothic art to cute doodles of stick people and dark interesting art. I think the concept matches the design because the dark art from the maker of the web portfolio, mixes the dark art to their amazing props that they made contrasts well together. Very creative and probably my favorite out of the three web portfolios I chose. I find that the little stick people also reinforce with the dark punk theme because its simple and somehow represents his thoughts maybe in doodles? That's what i first thought about the doodles / stick people. I love how it incorporates drawings with a mix of clothing styles with amazing prop art this person made. 

I think that the web face's interface and the navigation is very simple yet artistic to explore for this website in my opinion. Although there isn't too much designs, the simple little stick people and some of the font is unique! It makes it interesting to click around and i think its effective in my opinion. I find that website's hierarchy helps navigate the website. I find that its very simple and anyone can get through this web portfolio. I find that the interactive navigation adds to the user's experience because even though the style is simple, it helps add to the style of the web maker.


I find the focus of this web portfolio is the doodles in the background and the little stick men to show he creativity of the maker of the website. It also shows his character and his style in art which is quite interesting. The boxing style in the "ego" or home page, it contrasts with the font links and the drawings of his character. The font of the information from this website is small and easy to read. The alignment of this website is repetition. Its the same theme and background. There aren't too many changes and only different boxes or shapes when the web maker puts in information about the work or about themselves. There is already a lot of repetition and I don't think I would want anymore repetition for this website since its already okay the way it is and enough repetition. The relations between the elements and theme of this website is that their all gothic with a mix of freedom I get from it. I get the thought of freedom from the doodles of the creator and gothic from the background outfit the maker of the website had wore.

The last picture here is the website http://www.rudylamotte.com. I think the focal point in this web portfolio is unique logo of Rudy LaMotte. My first impression of this website was that it was very fancy and quite attractive. The website looks like some website of the future and very nice. The user used the black to cover the areas of the website and white to emphasize the important parts of the website like the logo and the owner of this website. This website uses main web navigation. Its very easy to get through and navigate through the multiple links. There are seven links and I thinks that's enough since the maker of this website is an environmental artists. The person needs to introduce and show all the different styles this person has to offer with their resume and contact information. I think there are enough links and not too many in my opinion because Rudy is showing all his styles and beautiful art he offers.

 

I think the target audience would be game designers for big video game companies in my opinion.  I think the theme and concept of this website is to show the futuristic art of the Artist and show how great their art is in their own unique style. Yes, I think the concept matches the art because the appearances and art are very futuristic and I find a beautiful landscape for video gaming if you were to pick this person for a graphic designer. Yes, the appearances and art reinforce each other because they both compliment their appearances and landscapes for art and graphic art. I think this website is engaging and very interesting to the viewer because the art style looks very enticing when you first stumble across this website. Its very futuristic and different compared to the other web portfolios.

I don't think the navigation is too effective because it doesn't move but only disappears to the next link. Nothing to big and interesting that can catch the viewers attention. I think the only attention that would be grabbed from his website would be the visual but otherwise, it wouldn't be to interesting. The website is very consistent and doesn't lose its theme or visuals. Yes, this website uses hierarchy to organize this website. Its useful and very helpful navigating through the web portfolio. The navigational structure makes it very easy for anyone to look through this website. The interactive navigation adds to the futuristic feel to this website.

The colour white contrasts with the black and the colour white helps emphasize the important parts of the website and focuses. The alignment of this website is centered. There is a lot of repetition and could use some variety. The relations of the elements of the images for this website are all very simple yet organized and futuristic.

 

Unit 10 Dreamweaver Tutorial Thoughts

        Dreamweaver is a difficult program to learn. I found that when I started learning the dreamweaver program, it wasn't too bad but as i worked through the lessons of the instruction booklet for Dreamweaver program, I found that I had some difficulties. I needed to ask for help throughout chapter 4-6 because I wasn't sure where all the particular tools were. Eventually after I had finished doing all the tutorials, I found that after getting used to tools of Dreamweaver, it wasn't too bad and I think I get Dreamweaver a bit better. I hope I won't have too much difficulty doing the last project, my web profolio which is  Unit 11 and 12. Lastly, my thoughts on reading all the chapters were too long in my opinion but they were helpful in the end. Just very time consuming to read the 12 Chapter of the booklet. Otherwise, it was a good learning experience for a new program. 

Visual Diary Entry Drawing # 6

     This drawing here was inspired from the Friday. Friday was the last day to hand in assignments. I felt so better handing in my assignments because i got so accomplished. I thought in the beginning of the week that I wasn't going to make my due dates and possibly fail but I gave it my all and made it. I rised like a flower from a storm and my own flower. Unique and I stood up for myself.   I'm glad I finished but now, its time to study for exams and get this school years finished up! I can do it! If i believe in myself, I can do it! 
I would also like to say, if it wasn't for my best friend who pushed and believed in me, I don't think I would have finished. Thanks for helping me rise up and reach my goals friend. 

Thanks for reading and feel free to comment.

Visual Diary Entry Drawing # 5

       This sketch was inspired to me from a song called " Odd and Ends " By Hatsune Miku. Oddly enough, her music inspires me even though she may not be real. People make her music and those lyrics she sends just happen to be so inspiring oddly enough to me. She's quite the inspiration / role model. This song made me less stressful and believe that I can finish the rest of my units. This song is really amazing and a catchy song. I recommend you listen to it since its so awesome. 

Lyrics of the song in English:
You always have been laughed at
Unattached in all you do
In the end, descending into the rain.
"My favorite umbrella has been blown away." you say.
With appreciation for your efforts,
I've been treading upon that field.


As always, You are a Disliked person.
People KEEPing their disTANCE withOUT reason
EVEN though you put in MUCH effort.
Thinking "It must be for some reason or another.",
You're at loss and have fallen into sadness.

So it's fine to use my voice!
Not able to be understood by humans, A painful, terrible voice
Even if it's called such things,
I'll surely become your strength.
So let me sing and you'll see.
Yes, let me sing your very own words!

Compose and join them together
I'll cry out those words and feelings
Lay out your ideals,
I won't let anyone touch those feelings.
And then the voice being Odds & Ends will ring out.
Clumsily connecting the truth together.
Raising a loud voice with all my might.

For a while now, you've become a popular person
Praised by so many, I'm proud as well.

But since when have you changed like this?
Becoming so cold and lonely like this
Already there are so many mechanical voices
Being who I am.
In the end, you could not hold it back and begin to hate me.

Behind your back, someone said
"He's just acting big."
You were crying alone, weren't you?

Can you hear it?
This voice, I'm wiping those words away
I know the truth that you are more kind than anyone.

And then the voice of the Odds & Ends sang.
Not just for anyone, just for you.
A gentle squeak, crossing any boundary

Together we have thought of so many words to say, haven't we?
And yet, right now, a single word doesn't come to mind.
but still everything is understood
"I see, surely this is a dream.
Never waking up, coming to know you, that kind of dream."

The Odds & Ends keeps a smiling face like that.
No matter how much I call out, it still won't move

At your desired conclusion, crying and screaming.
It's a lie right? It's not true!
Yes, cry and scream

"I'm powerless."
I could not rescue even a single neglected item.
These feelings, through your tears,
Stain your cheeks one by one.

At that time, the world will change that color in a grand way
Sadness and happiness, all will be felt together as one.

When I begin to sing, the world will once again go around for your sake.
That voice entrusted with your intentions.
Right now, those feelings will ring out!

https://www.youtube.com/watch?v=L_sAipsAhPA 
(Odds and Ends - Hatsune Miku)

Visual Diary Entry Drawing # 4

This sketch for me was inspired by music in general. Since its almost the last week of school with lots of units being handed in, I find that when ever i listen to music, it inspires me to keep on working hard or motivate me. It depends on they type of music. IF its a fast song, I'll work faster and go to the best of the fast song. An example is the 6 trillion years and overnight song. It has a really fast beat and motivates me to work faster. If the song is a slow song, I'm more likely to fall asleep or work slower since the song is slow. Music is amazing how i can motivate and inspire people. Music helps me get rid of stress and relax a bit more when I work. Music also helps me smile if I don't feel the best and its amazing how music is every where. You can really get away with it. It helps people like me for example and influences people for the good. 

Thanks for reading.

Visual Diary Entry Drawing # 3

This sketch is based on a song Called "6 Trillion Years and One Night". The reason I was inspired to draw this sketch is because, this song mentions how the world is against two kids from the way their are born. The two kids eventually get away from the world and live happily but no one knows where they end up after they had disappeared. This concept is interesting plus the music is very unique compared to the other sons I've listend to lately. Its was interesting and got inspired to draw the girl from the video since I want to be like her. Fight against the world for your hapiness no matter what waves or obstacles come in my way. I want to be able to chase my dreams and succeed in them no matter the problem or obstacle. I know I will be able to become an animator if I believe in myself. No one can stop me from chesing that dream and this has also inspired to work more in the process. I would say in my opinion, its my new tune for the week.

Thanks for reading and the link for this song is down below. 

https://www.youtube.com/watch?v=WhUgoaSNPmQ
(Six Trillion Years and One Night - IA Vocaloids)

Visual Diary Entry Drawing # 2

These sketches were inspired by a song "I refuse" By Hatsune Miku. The reason why this song inspired me was because I can relate this song to life right now. Currently, as a ward student that's trying to hand in the last of my units so i can finish the coarse is pretty stressful. So much work happening, so much stress and not a lot of sleep unfortunately - u -;;;. Anyways, back to my point. I learned from this song that, so matter how stressing work may be, I shouldn't push it too much to work for example, sleep late every night. I need some rest every once in a while. There are just some days or times when I got to take a break and say No. Take a break to relax because I've worked hard for the past weeks before and now. Just say no too myself and refuse. The bottom left face the right page represents that. It represents to just say no and relax even if I have a butt load or work or worried about sleep. 

This song had also taught me, even if I can't finish all my tasks or work, at least I tried right? Things happen and I should continue working hard. This reminds of another song from Hatsune Miku, "Whatever: What ever happens in life, it happens and that song also inspired me to sketch the expressions ion the right.

Thanks for reading this entry and feel free to comment as usual.


Links to the songs:
https://www.youtube.com/watch?v=2qLlyqR19gU
(Vocaloids - I refuse)


https://www.youtube.com/watch?v=QPhg-Kj3emI
(Vocaloids - Whatever)