Lalitha jewellers

from out-dated to vogue

Lalitha’s is a well-respected high-end bespoke gold jeweller in Sri Lanka. With a rich heritage built over 73 years, they have a strong and loyal customer base. They were however struggling to reach the younger generation and grow.

I was tasked with redesigning the website and evolving their online brand identity. Staying true to the tradition but adding contemporary touches to entice a new younger client base.

Duration

90 hours

ROle

UI/UX Designer

Tools

Figma, Miro

Insights from the competition

First I researched the ultimate e-commerce. I wanted the experience to be as luxurious as the product. I researched general E-Commerce design principles to equip myself with the right knowledge.

Then came competitor research, 3 industry leaders were chosen for evaluation: 

  • Mejuri - a modern contemporary brand.
  • Tiffani - a strong industry leader.
  • Tanishq - an Indian brand that focused on ethnic traditional jewellery.

Strengths and weaknesses were evaluated. The general use of colour, language and style were compared alongside the following user flows:  

  • Users’ journey from the Home Page.
  • Exploring the Shop and individual Products Details.
  • Adding Product to cart and/or making a purchase.

Tiffani and co - key insight

  • User can directly shop by category.
  • The Brand universe was strong, storytelling was used in product descriptions.
  • Ability to zoom in and see more product information on hover.

Tiffani - website screenshots and sticky notes with insight

Mejuri - key insight

  • Shows each product on a model - feel for what it could look like worn.
  • The feel was fresh, modern and flows were simple.

Mejuri - website screenshots and sticky notes with insight

Tanishq - key insight

  • Had an ethnic feel similar to Lalitha (modernised tradition).
  • Constant FAB on RHS bottom of the screen for customer support.
  • Thorough filtering.

Tanishq - website screenshots and sticky notes with insight

REimagining the e-commerce journey

Utilising the above insight, the new and improved user flow was mapped out for the Lalitha user. The focus was on reducing the number of clicks required to buy their products (to improve the purchase conversion rate).

Lalitha's New User flow

User flow mapped on Miro

Sketching UI paper mockups

It was time to start on the low fidelity designs. Quick sketches gave me the flexibility to work fast and iterate at this early stage. The final Low fidelity sketches included the following new features (5): 

  • Introduction of the Product Shop with filters and categories to help guide the user in selecting the most suitable piece.
  • A cart icon on each card so users can quickly add products to the cart.
  • Storytelling (for each piece and collections).
  • A BUY NOW button that allows users to checkout faster bypassing the cart.
  • Guest checkout for users that don't want to sign up.

Sketch of the newly proposed Lalitha interfaces

validating the new designs

Five remote usability tests were carried out to gauge the initial impressions of the new e-commerce process. The tests also focused on validating the addition of the 5 new features, testing the information architecture, general usability issues and interface bugs.

Overall, the users liked the 5 new features on first impression. The general census was that the interface was quite intuitive as an e-commerce platform.

The main areas of concerns:

  • Concern that the feel was a little too commercial and not high-end.
    Eg: The “SHOP ALL” button made a user feel like she was not shopping for a luxury good (we were not sure at the time if this was a good or bad thing).
  • Two interviewees mentioned that they are uncomfortable investing in a piece without trying it on (product shots did not include model shots)
  • The lack of social media integration was noticed. To see latest posts and to see people wearing the pieces (they’ve seen this on other sites)
  • The lack of customer testimonials and feedback from other users about their experience with the brand was noted - “so that I can feel like I can trust” -

Bringing the sketches to life

With the low fidelity designs evaluated, it was time time to move on to working on the high fidelity designs on Figma. I first worked with the founders and team to determine the Brand attributes

  • Trustworthy
  • Passionate
  • Impeccable
  • Unique
  • Contemporized tradition

I used this to choose the Primary colour, a deep rich purple. The mood board was then created to get an idea of feel and colour. The mood board acts to guide the design decisions and stay on brand.

The brand platform and style guide was then written up to define the visual language of the app and ensure clarity and consistency between screens. Logos, Typography, colour palettes, Grids, icons, UI elements and imagery were defined.

Lalitha's mood board and brand platform

Lalitha mood board, colour palette, fonts, UI elements

High Fidelity screens

The screens were designed to exemplify the traditional workmanship Lalitha is known for while giving it a modern touch. Making it familiar to their existing user base and attractive to the more modern, younger customer they are looking to attract. An e-commerce experience that is sophisticated and on brand. Colour was used sparingly and the products were allowed to shine (pun intended).

The full redesign was implemented on Figma. A few changed were made to the low fidelity sketches to  and provide solutions for some of the concerns raised during testing.

The design, colours and button use were strategically chosen as users felt that the initial designs didn’t feel high-end enough. On hovering over a product card, users can see the piece being modelled to get an idea of what it might look like on them A newly added customer testimonials section allows a user to read about other experiences and builds trust.

Sketch of the newly proposed Lalitha interfaces

Final evaluation and learnings

The second round of usability tests were carried out with the high fidelity designs, with 3 testers. It was important to validate the new designs. Making sure the the feel was on-brand (Luxurious, Impeccable, Trustworthy, Passionate) while being synonymous with contemporized tradition. The changes made after the first round of testing also needed to be validated.

Overall the users really enjoyed and appreciated the feel and look of the design and felt it was very on brand. The following main concerns were voiced:

  • They noticed that there was no sorting functionality.
  • Users still voiced their concerns regarding buying a product this expensive without talking to a customer service representative first. They would like a way to quickly reach out during the shopping experience with any of their concerns.
  • Even with the addition of a photo with a model wearing the jewelry, some mentioned that they are still uncomfortable buying a piece without trying it on - gold and coloured stones look different on varying skin tones.

Conclusion and next steps

The product came out well and we validated that the deign changes implements did help cater to Lalithas three core issues - users browsing but not adding any item to their cart, not following through on making any purchases and indecisive users who didn’t have enough information or help to make informed decisions. In future iterations, it would be wonderful to be able to automate and capture the bespoke jewellery process that the brand is known for. So users can create and personalise jewellery as they wish.

Also, given the advancement in social media and filters, we could utilise the software to allow used to “try” pieces at the comfort of their home