The document outlines a proposal to redesign the website for Yogli Mogli, a frozen yogurt store, to better represent the brand and keep users more engaged. It analyzes competitors' websites to identify effective design elements and provides recommendations. Personas are identified and design aspects like colors, fonts, and layout are proposed to create a fun yet clean and organized site that will appeal to Yogli Mogli's target audience.
3. Goal Description
Yogli Mogli is a Frozen yogurt store and catering that have
proven to be community epicenters that bring together
diverse social groups. All locations have ample square
footage to accommodate large numbers of people, private
and complimentary Wi-Fi centers and innovative store
atmospheres. Yogli Mogli offers free wi-fi, catering and is
committed to supporting local communities.
4. Site Objectives
The purpose of redesigning the site is to have
Yogil Mogil live up to its name. Meaning having the
site actually look like its a frozen yogurt business.
Giving the website more fun but in a clean
design and cohesive style. Keeping the user and
customers more active. Applying more colors to the
site but at its minimum.
5. The Competition
Smoothie King
Smoothie King site has a neat design, every thing on the site is
stack in a uniformed way. Its straight to the point with the sub
heads and where everything is located . Whats unique about the
site is the fact that their tone of color is clean and simple. The site
keeps one character style which is Montserrat Regular. Also the
links doesn’t changes its remains the same throughout the site
and the images has links that will link to a different page on the
site of that topic.
http://www.smoothieking.com
6. Tutti Frutti site is very creative. There are linked images when by
cking on them the slide show of images on the first page it lins
to other pages on the site on the homepage. Theres ray text and
images to where hovering the mouse over over the grays the
colors change of the image and text. The font that is used though
out the site is Bebas regular and Arial bold.
http://tfyogurt.com/home/
The Competition
Tutti Frutti
7. Yogurberry site is effective by its neatness and color of choice.
The site has a few animations on each page thats clicked on ,
such as when hovering over the sub head they pop with a fun
type of movement. On the home page when moving the mouse
track around the images of fruit bowls on the left bottom corner
of the page shakes.
The Competition
Yoguberry
http://www.yogurberry.com/usa/
8. The Competition
Menchie’s
Menchie’s frozen yogurt is not effective. Theres is a lot going
on with the site. Such as, when clicking on a sub head like
franchise it locates you to a new site, while clicking on other
subheads it remains on the same site, keeping the header and
footer. Mechie’s site seems a bit over crowded with text and
images also some areas of the home page are blocked. As if
theres no connection being shown on the site.
http://www.menchies.com
9. The Competition
Cold Stone
Cold Stone site is effective, its neat and everything is readable.
Hovering the mouse over the subheads it gives a list of what
specific element your looking for. Parts of the site are a bit out
the way such as the huge icons for social media at the bottoms
of its page is unnecessary. Also having so many choices is the
footer, some choice could’ve been located on another page
from the footer.
https://www.coldstonecreamery.com
10. Competitive Position
All 5 company sites are big Franchise companies. They all
have local and world wide business. The features that I will
incorporate from most sites are the layout of smoothie king,
the elements on cold stone are more neat and the positions on
where they are, is something I may consider in the redesign.
Not over crowding the page with text like Menchie’s will also be
helpful. My site will catch my audience attention and keep them
more active into staying on the site. The redesign will have
more images and be more organized than the other sites.
11. Target Audience & Persona
Name: Ryan Buddert
Age: 22
Gender: Male
Profession: Student
Existence: Ryan is a photographer and model
he enjoys spending time in shops working
on editing and having a great creating new
project with fellow friends.
Name: Ericka Davis
Age: 24
Gender: Female
Profession: Pre-school Teacher
Existence: Every morning Ericka gets
ready to go to work with her students on,
she enjoys hanging with her girlfriends in
her spare time and even going shopping.
Name: Mandy Grimes
Age: 19
Gender: Female
Profession: Student
Existence: Mandy is a dancer and enjoys
doing stage plays. She enjoys haning with
friends to create new dance moves and
listening to music.
12. The Look
Hip. Friendly. Communicative
Arial Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Tem nonos contesti, ut quonsum aus, Catrior abemus, ommo
inte conit cris? Ita remurni hiculicut vivividem ortabef aciorei in-
atquam terbi co utem se consum iam din ducia? Abunte consus
cota vides consulis, cervis; horae erbitabem inius cote in
AVENIR BOOK
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Tem nonos contesti, ut quonsum aus, Catrior abemus, ommo
inte conit cris? Ita remurni hiculicut vivividem ortabef aciorei in-
atquam terbi co utem se consum iam din ducia? Abunte consus
cota vides consulis, cervis; horae erbitabem inius cote in
Midnight Dark
R:0
G:0
B:0
Hex:#000000
True Blue
R:28
G:55
B:67
Hex:#1c3742
Easter Green
R:118
G:193
B:108
Hex:#76c16c
Leaf Green
R:159
G:193
B:108
Hex:#9fc16c
Orange juice
R:242
G:171
B:212
Hex:#f2ab15
Example Image
13. Brand Identity
This Yogli Mogli logo that is being used. Ive decided to keep
their logo for the redesign. I feel that the logo doesn’t need
any changes to it. If it comes to mind as I am redesigning the
website I will than take to action on making that change.
15. The Resource
Mizrahi, Janet. Web Content.
Business Expert Press.
August 28, 2013.Book
http://ce.safaribooksonline.
com/book/web-
development/9781606496602
Darius A. Monsef IV. Color
Inspirations. HOW Books
June 19, 2011
http://ce.safaribooksonline.
com/book/graphic-
design/9781600619458
Jason Santa Maria. On Web
Typography. A Book Apart.
September 16, 2014
http://ce.safaribooksonline.
com/book/web-design-and-
development/9780134075969