Previous website (2012)
The client had outgrown their website. A new fine jewellery collection called for a design that could accommodate beautiful fashion photography and a simple, refined IA.
Initial desktop sketches
Before working with any software I committed ideas to paper, iterating on rough sketches to explore the problem.
Initial mobile sketches
I knew the platform would handle responsive templates well, but it was important to sketch elements and think about interactions.
Collection listing concept with dropown design
This simple grid of signpost thumbnails for collections was replaced with full screen images for impact and then reverted back to a simple grid following user feedback.
Live collections page
The simple collections page is now the most frequently visited page and offers clear signposting.
Product detail page
The user reads from left to right. Image first (using the arrows to scroll through views of the product), then copy. The hierarchy of elements enhance digestion of information. During development we introduced thumbnails for alternative views to increase engagement.
Concept for homepage with search expanded
Showing an image thumbnail for search results was intended to help the user find what they are looking for but this became confusing when there were multiple views available for the products.
View the site at bearbrooksbank.com
The site is updated frequently based on user feedback, Google Analytics and observations made from Hotjar recordings.