index_shiphawk.png

Shiphawk

ShipHawk is a cloud-based shipping and fulfillment software that helps businesses save money, automate workflows, provide an on-brand buying experience, and run data-driven supply chains. They wanted to rebuild their site to offer a persona-driven experience for their enterprise shipping solution, delivering key information to prospects and improving UX. We dovetailed website creation with ShipHawk’s simultaneous product development. The resulting web experience blends seamlessly in both interface and design from website to product.

Responsive Design

Shiphawk

 

ShipHawk is a cloud-based shipping and fulfillment software that helps businesses save money, automate workflows, provide an on-brand buying experience, and run data-driven supply chains. They wanted to rebuild their site to offer a persona-driven experience for their enterprise shipping solution, delivering key information to prospects and improving UX. Created with the team at UpTrending, co-designer Amber Brannon and I dovetailed website creation with ShipHawk’s simultaneous product development. The resulting web experience blends seamlessly in both interface and design from website to product.


View Prototype

 
 

TELLING A STORY

We created an experience tailored to the key ShipHawk user personas. Designed to tell a story, the bright visuals and illustrations amplify the user-focused content.

 
 
 
 
 

Responsive Design

Since ShipHawk’s users are just as likely to be in the office as the warehouse, it was crucial that this responsive website display seamlessly on any device.

 
 
 

Elements

We took a logo and a color palette and built out a styleguide with a typography hierarchy, patterns, custom illustrations and icons to elevate the brand.

 
We leveraged some interactive technologies to make the page come alive: animated transitions, parallaxing content, tabs, carousels, zooming and scaling.

We leveraged some interactive technologies to make the page come alive: animated transitions, parallaxing content, tabs, carousels, zooming and scaling.

 
Shiphawk is always creating content so we set them up with an icon set that extended past our site redesign.

Shiphawk is always creating content so we set them up with an icon set that extended past our site redesign.

 
Custom illustration was created to help underscore the content and further define the tone of the brand.

Custom illustration was created to help underscore the content and further define the tone of the brand.

 
Images that felt inauthentic were replaced with candid photography that pictured the many industries who utilize Shiphawk’s product.

Images that felt inauthentic were replaced with candid photography that pictured the many industries who utilize Shiphawk’s product.

 
Unlike some other SaaS solutions, Shiphawk’s mobile experience is every bit as feature-rich and engaging as its full-size counterpart.

Unlike some other SaaS solutions, Shiphawk’s mobile experience is every bit as feature-rich and engaging as its full-size counterpart.