Storyteller | Video Production Manager | Motion Graphics Designer
2ndscroll.png

Restaurant Website Redesign

Website Redesign Case Study (2017)

2017 Official Phonomenon Website

2017 Official Phonomenon Website

Phonomenon Redesign

Phonomenon Redesign


For this project, the prompt was to do a redesign of a local business in Hoboken, NJ.  I searched around and as of the writing of this page, the Phonemonon (a Vietnamese Pho place) website looked pretty rough.  Notice the fact that the title of the website is actually obscured by buttons for the Apple Store and Google Play.  The color scheme might not have been the worst, but the formatting for the text on the front page was terrible and the fact that the website had 5+ links going to another delivery website (not even specific to Phonomenon) made it overall unsucessful as a website.

So, I researched other businesses that had great websites in Hoboken, so as to capture the right vibe of Hoboken.  One that I think especially stands out is Black Rail Coffee's website, and I tried to emulate that in my website redesign of Phonemonon.  I used a single scroll setup, making it so the user would not have to click away from the page (except for delivery via delivery.com or equivalent) and to make it just a clean design. A navigation bar was coded so that it was in the middle of the page when you first land on the page, but as you scroll down it will snap to the top and follow the user's scroll.  It also was coded in the links that when you click on them the page will animate a scroll to where they are on the page (i.e. clicking MENU will autoscroll down) rather than just flashing to the page you want.  Titles like MENU and ORIGINS and more would fade in as you scrolled down, highlighting the image and the topic you are viewing.

I'm pretty proud of this website, as it came out much more professional than many of the exercises I did in class before this. Admittedly, it was a more business focused prompt than usual, as we had been looking at web-art for much of the semester.