Behind the Design: How We Designed and Developed the New Responsive Seachrome Bath Accessories Website
We recently launched a newly redesigned, mobile-friendly, responsive website for premium bath accessory client Seachrome. The new design features fresh lifestyle beauty photography, integrated video, and more robust and informative product pages. We also enhanced the navigation, organizing the lines visually for a cleaner user experience.
With more than half of web traffic worldwide coming from mobile devices, it has become a prerequisite for companies to evolve their adaptive sites into responsive designs. For Seachrome, this benchmark was even more important given most of their traffic is referred from Facebook mobile (75% in March 2018) due to our digital marketing campaigns.
A responsive website, generally speaking, works equally well on mobile phones and desktop computers. What does this mean for the design process? When designing a responsive site, not only do we need to design templates for desktop and mobile – we have to consider how the design adapts to any screen size in between. This translates to an exponential amount of work and testing as compared to an adaptive site.
Our process began with a comprehensive design exploration of mobile and desktop designs, with two concepts presented for client review.
After considering client feedback, we implemented the selected design to all remaining pages on the site in both mobile and desktop templates. After test pages were developed to test the user experience, the development phase began. Our design team worked closely with our web developer and the client to implement the design and functionality, ensuring that both of these were seamless at multiple break points.