E-commerce for jewelry brand
My role
UX/UI Design
Prototyping
Tools
Figma
Miro
Duration
March - May 2023
Translating the feeling of visiting art gallery into digital space
My role
UX/UI Design
Prototyping
Tools
Figma
Miro
Duration
March - May 2023
This project was a part of the Digital Designer course. Harf is a retail jewelry shop based in Poland. Their website wasn't upnegative perception of their products.
By creating a new version of the site, the aim is to captivate visitors, evoke emotions of sophistication, and ultimately drive their interest in the products offered.
UX Design
UI design
Prototyping
Figma
Miro
March - May 2023
.webp)
This project was a part of the Digital Designer course. Harf is a retail jewelry shop based in Poland. However, an outdated website design significantly hinders user experience, leading to decreased engagement, a high bounce rate and negative perception of their products.
By creating a new version of the site, the aim is to captivate visitors, evoke emotions of sophistication, and ultimately drive their interest in the products offered.
To base my design decisions on user needs I performed online survey on a group of 20 people. It gave me 3 key insights:
I started to empathize with users, to understand how they might interact with the site and what might be their pain points. As a result I decided to:
To ensure scalability and ease of iterations for the product I created style guide and components.
It helped me to seamlessly implement changes after testing my first draft with two people, who had trouble with identifying the hierarchy of elements.
I implemented changes identified during the testing and finished the prototype of the product for mobile and desktop version.
I added interactive elements to the site to encourage exploration and interaction with the jewelry offerings.
I ensured that users can easily filter and find new products.
I developed the checkout process for website.
One of the main problems the site had before, was high bounce rate and short time on site. Thanks to the animations users can interact with site in engaging way.
The goal was to extend time on the website, encouraging exploration and interaction with the jewelry offerings.
Hidden costs of delivery or lack of the information about expected delivery time can result in users leaving the site. The order summary shows all of the revelant information as well as available payment options.
My research showcased that one of the main reasons why users leave the site is because they can’t easily find what they want. I added the main characteristics they ask for in retail shops to simplify finding the right item.
By adding numbers next to each category users know how many items will show before clicking it.
Checkout process on some sites might be complicated and time consuming. To give users the feeling of control I wanted to show how long the process is and what the next steps are.
Thanks to it, customers know at which stage they are and what information they have already provided.
To make sure that customers can find what they are looking for, under each item is displayed carousel with similar items.
My research showcased that one of the main reasons why users leave the site is because they can’t easily find what they want. I added the main characteristics they ask for in retail shops to simplify finding the right item.
By adding numbers next to each category users know how many items will show before clicking it.
Hidden costs of delivery or lack of the information about expected delivery time can result in users leaving the site. The order summary shows all of the revelant information as well as available payment options.
One of the main problems the site had before, was high bounce rate and short time on site. Thanks to the animations users can interact with site in engaging way.
The goal was to extend their time on the website, encouraging exploration and interaction with the jewelry offerings.
To make sure that customers can find what they are looking for, under each item is displayed carousel with similar items.
Checkout process on some sites might be complicated and time consuming. To give users the feeling of control I wanted to show how long the process is and what the next steps are.
Thanks to it, customers know at which stage they are and what information they have already provided. Based on many studies it reduces the bounce rate at the end of the conversion path.
As this was just a conceptual project I can’t track the change of the key metrics if this was implemented.
However I tested this prototype with 10 people and all of them showed the incentive to explore the products of the brand and eventually buy them. Based on this insight I can say that this project was successful.
The main challenge during this project was to maintain usability, while providing engaging and unique design. I was able to do so by creating a design system and aligning elements on the grid.
I learned to keep in mind developers that will have to code my design, so I created styles for all the elements. I also enhanced my skills in creating the hierarchy between the sections.
Contact me to today to learn more about my experience and how I can add value to your business.
Contact me to hear more about the details of this project.
02
Creating distinctive brand identity and content hierarchy
Reducing the time people spend waiting to order products
.webp)