Embedded Files
The Old Website
The Old Website
The old Rocking Vibe website was outdated and busy. We needed to create a cleaner, more modern look with better user experience. There were too many call-to-action buttons, and the visuals were not eye catching.
We wanted to create a site that as soon as you went to it, you knew what the brand was, and you wanted to see more.
The old site was also not very responsive, so we needed to create a site that was very mobile friendly, as most of the customers view the website from their mobile devices.
The Process
The Process
We started by mapping out the website. We needed to know what went where and how we could cut down on the amount of pages. The website was hosted on Shopify, so certain pages (like the shop and collections pages) did not need to be designed. We figured out which pages needed redesigning, and prioritized.
We then started drawing and wire-framing what we wanted the new site to look like. We looked to other high-end fashion and jewelry sites like Jenny Bird, Mejuri, and many others for inspiration. We also looked at what was trending in the design world and what would make our new website stand out.
When I began designing, I started designing both mobile and web together, as most of my ideas were for desktop, but we needed it to work very well on mobile.
The Final Product
The Final Product
For the menu on desktop, we wanted customers to be able to see exactly what the different collections were by adding images in the hover-over dropdown menu.
To modernize the home page, we went with a full-width banner image that reflected the edginess of the brand. We wanted to showcase the beauty of the unique pieces while also showing that they empower the wearer.
I chose an off-white background because it seemed visually nicer, and allowed different parts to be sectioned.
We included the logos directly below the banner to show credibility as soon as the user begins to scroll down.
Below the credibility logos, we put the links to where we wanted to send viewers. We went with the asymmetrical block-style layout to go along with the brand identity that each one of the Rocking Vibe pieces is different and unique, just like us as humans - our imperfections make us who we are.
Beneath that, we put some testimonials from past customers for more credibility, and our brand video that explains the story behind Rocking Vibe and what it stands for.
Finally, we have our Instagram feed, the Rocking Vibe credo, and our email newsletter signup.
Desktop
Desktop
Mobile
Mobile
Google Sites
Report abuse