Website Redesign

Park Avenue Catering

Park Avenue Catering website development

Project Brief

Design Challenge
What can be done to increase visibility for catering services? How can the website be re-designed to incorporate Park Avenue Catering’s new branding?

Project Description
The client’s home page was compact often hiding content under roll-over and toggle-click effects. We determined that expanding information and having it immediately visible as text and images would help with click-through rates. The client also wanted to implement a new “spotlight” feature which would display previous catering events they’ve put together. In addition, various pages in the site had additional content and functionality improved with the overall design changes.

Software & Resources Used

Adobe PhotoshopAdobe Photoshop
HTMLHTML
CSSCSS
PHPPHP
WordPressWordPress

The Updated Design

A new home page design used a two-column layout of text and images. A blog was introduced as a way of showcasing past events Park Avenue Catering has put together. Each blog post had a unique layout that sampled photos, a color palette, and menu served at the event. Typography and color was reset and re-selected for each page template.

Park Avenue Catering home page
Park Avenue Catering spotlight blog page
Park Avenue Catering spotlight post page

Interactive Features

New behavior was added to the website to enhance user experience.

Park Avenue Catering load more demo
The spotlight retained user-engagement by auto-loading more posts on scroll.
Park Avenue Catering photo focus demo
Click-through was visually communicated through zoom hover-effects.

Before & After

Here’s an example of what the home page looked like before and after the redesign updates. The home page before the redesign was cramped, and all content was hidden under image block roll-over effects. After the redesign, content was spaced out and created more clear and inviting subject matter to click through.

Park Avenue Catering home page before
The home page design before new branding and edits.
Park Avenue Catering home page after
The home page design after new typography, color, and layout.
Park Avenue Catering website development
The website with final style and layout updates.

Conclusion

Much of the website’s photography was overhauled. It took some experimenting to get the typography to set effectively, but a general hierarchical system was settled.

View parkavecater.com

This website was originally made and redesigned by OptiRev for their client Park Avenue Catering (2018).