SeaPak Website Redesign

 

Project Mission

SeaPak had seen a significant increase in traffic from mobile devices to their site, which had not been optimized for a mobile experience. The objective was to completely rebuild the SeaPak website to be responsive, update the overall theme design with new brand campaign imagery, create an enhanced front-end user experience, maximize screen space by going edge-to-edge, reorganize navigation, and improve functionality.

 

SeaPak: old website 2015

 
 
 
 
 
SP-mockup.png
 
 

Global Navigation

We simplified the top navigation menu items, incorporated imagery in the dropdown menu and created a Product Locator for ease of use for the user and enhanced the Search functionality feature to span the full width of the browser window.

sp_nav-animated.gif

Home Page

sp_webpage_home.jpg
 

Product Overview Page & Product Detail Page

sp_webpage_products.jpg
sp_webpage_products-detail.jpg
 

Recipes Overview Page & Recipe Detail Page

sp_webpage_recipes.jpg
sp_webpage_recipe-detail.jpg
 
 
 

Responsive

sp_mobile_showcase.png
 
 

Menu and Search Functionality

sp_mob.gif
 
 

Social Media Posts

sp_fbpage.png
 
sp_FB-coverimg.png
 
sp_FB-coverimg2.png
 
sp_fb_post-animated1.gif
sp_fb_post-animated2.gif
sp_fb_post-animated3.gif
sp_fb_post5.png
sp_fb_post11.png
sp_fb_post10.png
 

See more web design & digital campaigns