T H E G O A T B A R & T A V E R N

Website Redesign
Proposal
P


2


I nt r o duc t i o n:

Site Description:
The site shares information about the Goat Bar & Tavern, including details about
their menu, events, specials, and volleyball league. Users can order online, sign up
for volleyball events, or view photo albums. There are three pages included in this
report that we recommend revising. The first page is the homepage, which allows
the user to select their Goat location, view the menu, photo albums, special events,
etc. Users can also apply to work at the Goat and follow them on Facebook at the
homepage. The second page to be redesigned is the photo album page that promotes
the Goats special events in the format of picture slideshows. The third page that we
wish to remake is the specials tab. The page encourages the user to take advantage
of special deals on select drinks and appetizers everyday of the week.

Entity: The Goat

URL: http://lcgoat.com/

I nt e nde d Us e r s :

Users:
Primary target audience is comprised of individuals age twenty-one and over,
Potential site visitors include: college students, young adults, event planners, and
prospective employees.

User goals:
The goals of this site are to promote all aspects of the bar including a food menu,
information about the volleyball league, and special events. Users including college
students and young adults will visit the website looking for a social, yet unique bar
atmosphere for the weekend. These users may also use to the website to view
upcoming social events, as well as sign up for the volleyball league. Event planners
may use this website to book it as a venue, or to order catering from their menu.
Prospective employees can also apply to work at one of the Goats three locations on
this site.







C o mme n t [ WK 1 ] : So, really, almost
two businesses. The restaurant/bar and the
sprots league. One supports the other.
C o mme n t [ WK 2 ] : So its a chain.
C o mme n t [ WK 3 ] : You state a lot of
users here that arent necessarily addressed
below. Make sure you keep the goals of
applying for job, etc.
C o mme n t [ WK 4 ] : It doesnt really
make sense to put the name of the entity
below the site description does it? Since I
know what it is from reading the description?
C o mme n t [ WK 5 ] : The above
heading is bolded and this one isnt
C o mme n t [ WK 6 ] : Good. You know
your specific audience demographic. Make
sure you keep the other users/goals in mind
as well.
C o mme n t [ WK 7 ] : So the site should
reflect this ethos.
3
Ho me page Re vi s i o ns













































The toolbar is disorganized, and does not highlight the main offerings of the
restaurant. The user is confused as to what kind of business the Goat is. They
are lacking an about us tab.
There are too many unnecessary graphics, making it hard for the reader to focus
on the important website components. It is also difficult to understand what
images are clickable.
The main image in the center contains a confusing phrase, and does not capture
the ethos of The Goat and its offerings. The font is also inconsistent and difficult
to read.
The Job offerings and Facebook icons should be included on the bottom portion of
the website in accordance with standard website design.
The logo is small and does not attract the users attention. It should be to the top
right as the focal point of the page.
C o mme n t [ WK 8 ] : Like your
captioning layout, but I wish the image was a
little bigger.
C o mme n t [ WK 9 ] : Good advice. See
the dont make me think chapter on
homepages. It looks like the designers of this
homepage went a little too far in the visual
direction, focusing on ethos and style and
forgetting the information a good website
needs to supply.
C o mme n t [ WK 1 0 ] : Right.
Clickability. When youre redesigning the site
dont forget The Goats college atmosphere
relaxed ethos.
C o mme n t [ WK 1 1 ] : Youre right.
What does that slogan even mean?
C o mme n t [ WK 1 2 ] : Good genre
expecations
4
Pho t o Al bum Page Re vi s i o ns







A n a l y s i s :

Overall, this page is poorly designed in the sense that the user has to spend extra
time and effort to navigate through the photo albums. The photo albums are listed in no
particular order, and the user must scroll through most albums to select one in particular.
Also, the photos are shown in a slideshow format. This adds to the frustration of a user
who is looking for a particular photo from a certain event. Visually, the albums should be
the focus of this page. The clutter in the background detracts from the photo albums. Also,
the album titles are very small and difficult to read.




Every photo album is in a slideshow format. This
makes it nearly impossible for the user to easily
access a particular photo. Thumbnails would be
useful here as well.
The user is confused as to what the events in the
albums are. The title does not provide information
about the event or how it relates to the goat.
The toolbar is oversized and distracts the user from
the visual content of the photo albums.
C o mme n t [ WK 1 3 ] : Good. Make
sure the navigation bar is also consistently
sized across pages.
C o mme n t [ WK 1 4 ] : Your point
about the vague titles is well made. The
albums seem to be designed for people who
have gone to the events. But that doesnt
address the multiple other audiences of the
site.
C o mme n t [ WK 1 5 ] : Good point
about the thumbnails. Smart idea.
C o mme n t [ WK 1 6 ] : Would have
liked to seen an analysis section on the
homepage if you included it on the other two
main pages.
C o mme n t [ WK 1 7 ] : Good user-
centered thought.
5
Spe c i al s Page Re vi s i o ns






A n a l y s i s

The specials page is an unnecessary addition to the Goats website. First off, the
menu is too long for a user to scan through easily. Even more concerning is the fact that
every locations menu is exactly the same. Hence, there is no real reason to separate the
menu into locations. Users looking for a specific day and location will be frustrated by this
navigation format. Also, the headings are dull and do not capture the users attention. The
page is a waste of space on the website, and only adds to the users obfuscation.









It is scannable to some degree, but it would make
more sense laid out horizontally similar to a weekly
calendar.
Every special menu is identical. There is no reason to
list each location separately.
The specials menu lists all of the locations and their
drink special menu. This requires too much scrolling
for the user.
C o mme n t [ WK 1 8 ] : Right. The
locations should each exist under a separate
tab instead of existing all on one page so you
have to scroll
C o mme n t [ WK 1 9 ] : Like the
calendar redesign suggestion
C o mme n t [ WK 2 0 ] : Oh! What?!
Terrible design.
C o mme n t [ WK 2 1 ] : Is there a
difference between menus and specials on
this website. Is there a section for each or is
this the menu page?
6
Exampl e s o f We l l - de s i gne d Re s t aur ant We bs i t e s

Re d Ro b i n: www. r e dr o bi n. c o m









The large graphic of the burger makes it very clear what the main feature of the
restaurant is. It helps establish an ethos for a restaurant famous for their gourmet
burgers.
The tool bar is neat and organized, with the menu being the first option. The reader
does not have to search for the most important aspect of a restaurant website.
The Closest Red Robin is highlighted to the right of the homepage. Users do not
have to actively search for their location. This is extremely efficient for customers
looking to find a location quickly and easily.
C o mme n t [ WK 2 2 ] : Theres some
extra space after this heading thats not after
the other headings below. Also, you have like
3 different typs of subheadings styles. You
should choose one and use it consistently
throughout all sections.
C o mme n t [ WK 2 3 ] : I like that you
note the menu page is usually the first option
on a restaurants nav bar. Make sure you use
this genre standard.
Formatted: Tab stops: 2.22", Left
C o mme n t [ WK 2 4 ] : Good point on
the automatic locations. Dont make the user
think!
7
A ppl e be e s : www. a ppl e be e s . c o m


















The colors are aesthetically pleasing and are also easy to read. This is an important
segment of the website with a lot of information, and visual noise is kept to a
minimum to highlight its importance. There is a good use of headings and bolding.
Many users currently expect to find a social media toolbar such as this one at the
bottom of the website. Applebees places its social media links in this format and in
an easily locatable area.
The guest support option encourages user interaction by suggesting feedback with.
Both a telephone number and e-mail address are provided.
C o mme n t [ WK 2 5 ] : Good point
about adding the social media toolbar in the
right place. Why do you have an image only of
the bottom of the website though? Or is this
the entire website?
C o mme n t [ WK 2 6 ] : I would have
liked to have seen an analysis of a
competitors menu page since you critiqued
the menu page of the Goats site.
8
The Rus t y Buc ke t : www. my r us t y b uc ke t . c o m










N

The homepage immediately starts playing a professional video that highlights the
experience and atmosphere of the Rusty Bucket. This helps the user automatically
gain an understanding of their offerings while establishing an ethos for the
restaurant.
The video allows a lot of content to be featured without the clutter of multiple
images and text.
Subcategories are organized on the left. Each title is clear and clickable.
The About us page helps the user understand what kind of restaurant the Rusty
Bucket is. It serves as a useful addition to the opening video.
C o mme n t [ WK 2 7 ] : Never put an
autoplay video on a website! Its an outdated
annoying trend that doesnt take into account
users in quiet settings, etc. In addition, an
autoplay video requires a fast internet
connection that a text only site doesnt. If a
user has to wait for a video to load, they wont
watch the video.
9
Fi nal Re c o mme ndat i o ns f o r The Go at

Our recommendations for improving the website design of The Goat include the
following:

HO ME P A G E RE V I S I O N S

Users visiting the homepage should immediately understand what the goat
offers. The target users are busy individuals who do not want to waste time trying to
comprehend the website. These changes will help satisfy the users needs for
accessibility, customization, and quick, organized information.

1. Place the menu option first to the tool bar.
2. The logo should be to the top left.
3. A search bar should be included on the right.
4. The main image should be changed to a picture of their venue along with a
famous menu item.
5. The jobs tab should be moved to the bottom as a link titled careers.
6. The order online option should be part of the menu tab.
7. Eliminate the graphics surrounding the main image. In turn, this will
eliminate clutter and help the user focus on important aspects of the site
8. An about us tab should include what the venue is, along with an
explanation of their events and volleyball league.
9. Contact information should be located at the bottom of the homepage.

PHOTO ALBUM PAGE REVISIONS

1. The albums page should include thumbnails and a drop down menu for easy
access.
2. Set up albums so that the user can click the cover photo to open it, and the
thumbnails of photos in that album will be displayed with captions.
3. Add a slideshow option instead of automatically playing one.
4. Add descriptions of events underneath the album title.

SPECIALS PAGE REVISIONS

1. Make the specials a component of the menu tab.
2. The special for that particular day of the week should be highlighted.
3. There should only be one menu for every location.
4. Make the specials more visually appealing by adding interesting color fonts,
bolding, and images.

MISCELLANEOUS SUGGESTIONS

1. Social media should be included in icon format on the bottom toolbar next
to careers.
2. Before the site brings you to the main page, a pop up should ask the user
to choose their location. This would ultimately eliminate confusion and
the user can think less.
C o mme n t [ WK 2 8 ] : Really like that
you have an easily browsable point by point
list here. Nice job.
C o mme n t [ WK 2 9 ] : Good point.
Make sure you maintain the ethos that those
outside graphics were trying to establish
though.
C o mme n t [ WK 3 0 ] : Different font
than the one above. Make sure you
standardize a little better on the next report.
C o mme n t [ WK 3 1 ] : Good point.
Show this in your final redesign.
1 0




Agnment 4.1:
Redesign Proposal
_19___Si t e Des c r i pt i on ( 20 po i nt s )
Di s c u s s e s o v e r a l l g o a l s o f t h e s i t e . Wh y i t e x i s t s a n d wh a t u s e r s wh a t
f r o m i t .
Di s c u s s e s t h e a v e r a g e u s e r o f t h e s i t e . Wh o t h e y a r e . Wh a t t h e y l i k e .
Th i n k i n g h o w t h i s s i t e a n d yo u r n e w s i t e mi g h t b e c u s t o mi z e d f o r
t h e r e n e e d s , i n t e r e s t s , a e s t h e t i c s .
De s c r i b e s t h e d i f f e r e n t p u r p o s e s o f a l l t h r e e p a g e s yo u r e g o i n g t o
r e d e s i gn .

_19___Fl aws Anal ysi s ( 20 po i nt s )
Di s c u s s e s s e v e r a l f l a ws o f e a c h p a g e o f t h e s i t e .
Us e s t h e ma n t r a Do n t ma k e me t h i n k f r o m t h e r e a d i n g s a s we l l a s
e v e r yt h i n g e l s e we v e l e a r n e d a n d r e a d i n t h i s u n i t t h u s f a r .
Di s c u s s e s f l a ws i n n a v i g a t i o n , l a yo u t , c o l o r , f o n t , l e g i b i l i t y, e t c . ,
e t c . , o n a l l t h r e e p a g e s yo u r e g o i n g t o r e d e s i g n .
Us e s s p e c i f i c e x a mp l e s t h a t a r e c l e a r l y i l l u s t r a t e d b y l a b e l e d i ma g e s .

_19___Al t er nat i ves ( 20 po i nt s )
P r o v i d e s t h r e e a l t e r n a t i v e s o f s i t e s s i mi l a r t o o n e yo u r e r e d e s i g n i n g .
Di s c u s s e s h o w e a c h a l t e r n a t i v e s o l v e s o n e o f t h e ma j o r p r o b l e ms o f
yo u r s i t e .
Us e s s p e c i f i c e x a mp l e s t h a t a r e c l e a r l y i l l u s t r a t e d b y l a b e l e d i ma g e s .

20____Pr oposal ( 20 po i nt s )
Us e s t h e a l t e r n a t i v e s a s we l l a s yo u r d e s i g n k n o wl e d g e f r o m t h e
r e a d i n g s t o p r o p o s e s e v e r a l c o n c r e t e c h a n g e s t h a t yo u wi l l ma k e t o
t h e we b s i t e .
P r o v i d e s s o l u t i o n s f o r a l l t h r e e p a g e s .
Di s c u s s e s t h e s e c h a n g e s a s r e l a t e d t o t h e g o a l s o f t h e s i t e , t h e
s p e c i f i c u s e r s o f t h e s i t e , a n d t h e u s e r s n e e d s .
Ma k e s i t c l e a r wh e r e yo u a r e g o i n g n e x t . An d l e a v e s me wi t h t h e
k n o wl e d g e t h a t yo u h a v e a c l e a r p l a n f o r t h e n e x t s t e p o f t h e
1 1
p r o j e c t .

_18___Doc ument Des i gn ( 10 po i nt s )
Do c u me n t i s c u s t o mi z e d i n t e r ms o f c o l o r , h e a d e r , e t c . , t o t h e
c o mp a n y yo u a r e wo r k i n g d e s i g n i n g f o r .
Do c u me n t i s b r o ws a b l e . Fo l l o ws a f o r ma t t i n g s i mi l a r t o t h e e x a mp l e s
o n l i n e .
Do c u me n t i s v i s u a l l y a p p e a l i n g .
Do c u me n t i s u n i f o r m.
Do c u me n t u s e s c o n c r e t e e x a mp l e s .

_9___Wr i t i ng Qual i t y ( 10 po i nt s )

__94____Tot al ( 100 po i nt s )