Exercise 1 - Web Analysis
Khansa Raudlatus Syahiidah / 0374511
Advanced Typography / Bachelor of Design (Honours) in Creative Media
Exercise 1: Web Analysis
TABLE OF CONTENTS :
1. Instructions
2. Analysis
3. Feedback
4. Reflection
1. Instructions
2. Analysis
2.1 Website. 1 - Boba ice-cream
Purpose & goals
Through the pandemic, many were connected such as
Asian-Americans. Due to this, they were able to come together to create an
ice-cream company based on spreading positivity and sharing cultures. They
wanted to shake things up with an Asian-inspired ice cream flavor as there
was a lack of Asian flavors in the ice cream aisle. Their goal was also to
deliver happiness through this. They believe that food has the power to
unite people and deliver happiness.
Visual design & layout
As their product shown has many flavors, they were
able to create every different taste with its own vibrant color. Their
chosen colors in every page / slides was mostly bright colors that stand
out nicely. Not only that, they also mix-matched colors from the
connecting slide 1 to the next. They applied the same graphic elements
like their boba pearls in many of their pages. The font used were nothing
weird which was fully readable and legible for anyone. Right from their
first page, we were able to see their story and flavor options. In every
page you scroll down to was added a simple animation, mostly on how their
text pop-up.
Functionality & usability
Their ice cream flavors was put in an interactive
elements where background changes to every different taste of the ice
cream, this concept made its website very interesting. They also have
simple text like their story in the corner part of their websites which
makes it easy for people to look and understand. They had many animation
text pop-up every time you scroll which made looking further a lot more
engaging. Lastly, through the end of their website, they also input their
social media like Instagram and TikTok.
Content quality & relevance
Their information and description of every product
was brief. The colors were organized and every image was accurate
to each and every different ice cream flavors. The typography in every
slides were nicely put and gave out a neat look. They were able to showcase their skills in creating an engaging websites for others.
Website performance
This website works perfectly fine on mobile device. As I opened this site on my phone, it did not take long for it to load. Transitions and their animation works fine with no lag. the overall design seems to fit just fine in different devices.
2.1 Website. 2 - Sustainable botanist
Purpose & goals
Their sustainable action was to discover and bring
out the secret powers of plants and create the best product. With their
respect on the benefits of plants, their goal is to work together for a
future where plants and people can coexist. For example, the important of
planting trees, reducing our use in plastics, and many other go green
campaign.
Visual design & layout
Their chosen color, green, was perfect on portraying
their topic on nature, and overall color used on their website was still
neutral. The elements used on delivering their purpose was appropriate and
still in context, for example, the drawing of people to deliver
"togetherness". The typography used on their websites where big and clear
which was readable. Every sections like activity, journal and other
information and placed orderly in different page. However, certain parts
of their text and click button crashed with other element or image which
made it a little off.
Functionality & usability
They placed many different page options in the menu
bar and also around the top of their top page. Since they have lists of
many information, the divided sections like their action, protection,
official site, links and many more made it easier to look into parts with
no confusion. Still on the same page, they also provided their social
media. Having to put all of this together with still maintaining a neat
look mad searching for certain information easier and faster.
Content quality & relevance
Their information given in every parts of their
websites was appropriate to their purpose and goal. Every topics shared
and image placed was accurate.
Website performance
This website seems to fit in different devices. However, certain transitions lag. It also did not take a lot of time to load.
2.1 Website. 3 - The happy few
Purpose & goals
The happy few is an advertising agency, focus on discovering on how brands could be irresistibly attractive. Maarten helps atypical companies explore new worlds and bring about the change necessary for them to continue playing their own game.
Visual design & layout
The bright yellow color majority used in this website is what attracts me. This very bright color they used was perfect to portray happiness. Although they do not have many elements around, the smile ball placed on the center of their front page made it very interesting and fun. The typography used where very big but simple which made it very visible for everyone to read. They made it possible to turn the ball around 360° using your cursor. They also placed in a couple of animation pop up and text.
Functionality & usability
When it comes to their goal itself, I did not find it very helpful looking on how little their information was given on their website. However, they inserted many social media such as Instagram, Likedin, phone number, and Mail for additional information. There weren't any confusing elements which made it very simple and precise.
Content quality & relevance
They made every information precise and appropriate. Colors chosen throughout their whole page and their image placed was fully organized. The animation in this website made it a lot more fun and interesting.
Website performance
In terms of their design and overall look, it also seem to perfectly fit in any devices. However, mobile phone seems to limit their interactive elements.
2.1 Website. 4 - Consume and create
Purpose & goals
This website is a graphic design studio and consultancy that offers a range of creative services, including brand strategy, consumer insight, and digital design. Their goal is to help clients develop and communicate their brand identity, focusing on both visual and verbal elements, and offer services like web design, app development, and even interactive installations.
Visual design & layout
This web truly showcase their ability in designing an interactive website. The mostly used monochrome as their base website color. The typography used were clear and readable. They added many animations in every slide allowing others to truly be interested on what their website offers.
Functionality & usability
This website focus a lot in showcasing their previous work which made it easy to understand and see their type of art work. Not only that, they also design their website with many animations and transitions. However, they did not provide a full explanation on their page on what exactly their main focus and goal are which made it a little confusing at the beginning.
Content quality & relevance
The content and graphic used in this website were clear and organized. Providing viewers with many of their previous work allowed others to get the look and understanding their work. They were also able to showcase their skills in creating an engaging websites which may attracts many more in the future.
Website performance
This website took a little longer than the other before it finally shows all images. Their transitions and animations works just fine in both devices.
2.1 Website. 5 - Twinbru
Twinbru is a website that create and distribute high-quality digital twins of real fabrics. Their aim is to create beautiful photorealistic renders. The Twinbru digital materials are distributed through a select group of platforms and libraries focused on an interior design and 3D artist audience.
Visual design & layout
This website mostly uses soft colors on both their background, image, and elements. They also apply many 3D elements with animations which made it very interesting to explore. Most fonts used in this website are clear and readable. The layout of each category of things are organized well making it a lot more easy in searching certain information. They manage to showcase their ability in animating and adding 3D effects on their website.
Functionality & usability
As most text and information are categorized neatly, it was a lot easier on searching certain information we may want to look for. Although they put in many animating aspect, it was still organized and very fun to look through.
Content quality & relevance
The content, elements, and image was appropriate. Everything shown were truly engaging. They were able to showcase what their business goal was not only from their actual content, but also through the design around their website.
Website performance
This Website worked well on mobile phone without any problem in its animation or transitions.
3. Feedback
General feedback : We were given the task to analyze five websites from the given link around its purpose and goals, visual design & layout, functionality & usability, content quality & relevance and lastly its web performance.
4. Reflection
Experience :
Throughout my research on all these five websites, I was able to train my thoughts on carefully looking at details. In this subject, not only will we focus on the appearance, we must also be able to put in great function and usability for the viewers.
Observations :
It is really important on creating a great website. The user experience through a website and their understanding to it should really be focused on. Therefore, researching before creating the final result is very crucial when creating a website.
Findings :
many things like elements, animations, and transitions, are what could engage users throughout your websites. Despite all that, it is still very important to maintain and easy understanding when users go through your web, such as their navigations, accuracy, compatibility and many more.
Comments
Post a Comment