Case Study

Research Process

When first stumbling upon the website of DePaola’s Pub, I was shocked and impressed with the layout of the website (and not in a good way!) The website sported a comically large header, was very difficult to navigane, and was not adaptable from web to mobile.

Before - Home Page
Before - “Wings” Page
Before - “Happenings” Page

These following characteristics
desparatly need to be improved:

Header
Color Palette
Typography
Photography
Mobile Friendly

Research Findings

When researching, I discovered characteristics about DePaola’s Pub in addition to the websites of potential competitors. Additionally, going to DePaola’s help me develop new ideas, and ways to spruce up their website. DePaola’s has a very tight-knit community feel to it

Competitor Websites

Shannon’s Pub and Grille

Morsbergers

G. L. Shacks

Atmosphere

3 Personas

Persona 1:

Mark
Male, 43

Mark just got off of work, and is happy to celebrate the end of the work week. DePaola’s is a highlight of his weekly routine, it is the place to meet with the town buddies, and unwind over a few drinks. It is also the berfect chance to grab some food to refule after a grueling week of working. Mark, as a frequent customer, wants to use the website in order to observe menu items.

Persona 2:

Beth
Female, 38

Beth is a member of the town and likes to socialize with her friends. She has been going to the trivia nights being hosted by the Pub, and thrives in a busy and noisy environment. Beth wants to use the website to discover when there will be more social events during the week so that she has enough time to alert her friends to assemble their trivia team, or at the very least, get some dinner together.

Persona 3:

David
Male, 62

David has grown up in the Arbutus area his whole life. He loves meeting up with members of the community so he can share stories from when he was a bit more youthful. David also visits the DePaola’s everytime there is a weekend Ravens game. As someone nearing retirement, David will have even more free time on his hands, and wants to see what else DePaola’s has to offer him.

Mockups and Website

When creating the website I decided to use several motifs within my website. First, I utilized A.I. to generate a brick, wood and tablecloth pattern, to which I edited further in photoshop. These patterns represent the brick exterior, wooden interior, and the red checker patern of the fry baskets. I also pasted their logo in various spots as it was never present within the initial website to begin with. Finally, I utilized components to create a more simple and linear design for this website.

Home Page

Footer

“Burgers” Page

“Burgers” Page (2)

“Open Hours” Page

“Open Hours” Page (2)

Credits

Mock-up Credits:
Website template laptop screen: Designed by rawpixel.com / Freepik

Free PSD laptop mock up design: Image by aleksandr_samochernyi on Freepik

Screen Shot Credits
DePaola’s Pub: https://www.depaolaspub.com

DePaola’s Pub Facebook: https://www.facebook.com/depaolaspubandgrill/

Shannon’s Pub and Grille: https://www.shannonspub.com

Morsebergers: https://morsbergers.com

G. L. Shacks: https://www.glshacks.com