→
Menu
→
Menu
←
←
My works
My works
Omara
continious
Project
4/6
product design
ecommerce
Omara Jewelry appears to be a Slovak-based brand specializing in luxury jewelry, including diamond and gemstone pieces, engagement and wedding rings, and customizable designs. Their collections cater to a variety of styles and occasions, emphasizing elegance and craftsmanship.
Our team is actively involved in the development process, improving the existing user experience, and adding new functionality.
Omara Jewelry appears to be a Slovak-based brand specializing in luxury jewelry, including diamond and gemstone pieces, engagement and wedding rings, and customizable designs. Their collections cater to a variety of styles and occasions, emphasizing elegance and craftsmanship.
Our team is actively involved in the development process, improving the existing user experience, and adding new functionality.
Omara website
→
Omara website
→
Omara website
→
Omara website
→
Team
yellow-media
Team
yellow-media
responsibilities
ux/ui design
product design
graphic design
responsibilities
ux/ui design
product design
graphic design
In numbers
100+ hours
50+ screens
In numbers
100+ hours
50+ screens
Since its inception, the Omara brand has been working to perfect every single special and emotional moment for its customers based on quality and trust.
→ overview
I joined the project after its release, when the website had already been live for some time. My work has since focused on improving the user experience and adding new modules or functionality to the existing platform. Below, I’ll briefly share some highlights of these efforts.
I joined the project after its release, when the website had already been live for some time. My work has since focused on improving the user experience and adding new modules or functionality to the existing platform. Below, I’ll briefly share some highlights of these efforts.
Build the experience
→ Improving product configurator in mobile view
The previous configurator, which worked well on desktop, had several issues on mobile devices that led to user confusion.
Key Issues Identified:
Small product images that made it difficult to view product details clearly.
No option to switch to a 3D model view from a mobile device.
Accessing the price and purchase button required extensive scrolling.
Most product configuration actions were hidden in dropdown menus, which was not always necessary.
The previous configurator, which worked well on desktop, had several issues on mobile devices that led to user confusion.
Key Issues Identified:
Small product images that made it difficult to view product details clearly.
No option to switch to a 3D model view from a mobile device.
Accessing the price and purchase button required extensive scrolling.
Most product configuration actions were hidden in dropdown menus, which was not always necessary.
Improvements we made:
Added a sticky top bar that appears while scrolling down to improve navigation.
Moved the cart button with the price display to the top near the product image and made it sticky, ensuring it’s always visible for quick access to purchase.
Reduced the number of dropdowns and improved the option selection process in the configurator.
Improvements we made:
Added a sticky top bar that appears while scrolling down to improve navigation.
Moved the cart button with the price display to the top near the product image and made it sticky, ensuring it’s always visible for quick access to purchase.
Reduced the number of dropdowns and improved the option selection process in the configurator.
Unfortunately, screenshots of the previous version are unavailable. Below is the improved version after the updates.
Unfortunately, screenshots of the previous version are unavailable. Below is the improved version after the updates.
→ checkout changes
In the current section, the shopping cart has been partially improved. Key enhancements include:
Added Cart Preview Page: A new page allows users to review items in their cart before proceeding to checkout.
Improved Pricing Information: Clearer display of product prices and delivery costs for better transparency.
Stripe Integration: Seamless payment integration with Stripe for a smoother checkout experience.
In the current section, the shopping cart has been partially improved. Key enhancements include:
Added Cart Preview Page: A new page allows users to review items in their cart before proceeding to checkout.
Improved Pricing Information: Clearer display of product prices and delivery costs for better transparency.
Stripe Integration: Seamless payment integration with Stripe for a smoother checkout experience.
→ blog improvements
Попередній лейаут був жахливий і сильно вибивався з
Попередній лейаут був жахливий і сильно вибивався з
→ return product user flow
New users can Sign Up with phone number or use OAuth 2.0 with Google or Facebook accounts. After registration stage and account confirmation PillsCare asked him/her to fill the information about his/her own health condition.
New users can Sign Up with phone number or use OAuth 2.0 with Google or Facebook accounts. After registration stage and account confirmation PillsCare asked him/her to fill the information about his/her own health condition.
→ Conclusions
New users can Sign Up with phone number or use OAuth 2.0 with Google or Facebook accounts. After registration stage and account confirmation PillsCare asked him/her to fill the information about his/her own health condition.
New users can Sign Up with phone number or use OAuth 2.0 with Google or Facebook accounts. After registration stage and account confirmation PillsCare asked him/her to fill the information about his/her own health condition.
Post scriptum
Functionality of doctor`s side of the app is not covered in current case study.
More case studies
corporative
redesign
Flowk - Dance social media
corporative
redesign
Flowk - Dance social media
corporative
redesign
Flowk - Dance social media
corporative
redesign
Flowk - Dance social media
corporative
redesign
Pillscare - Healthcare mobile app
corporative
redesign
Pillscare - Healthcare mobile app
corporative
redesign
Pillscare - Healthcare mobile app
corporative
redesign
Pillscare - Healthcare mobile app