How we designed a seamless experience for Oyura’s e-commerce
Breaking into the UK’s herbal supplement market by utilizing
user focus group data to create an all-encompassing e-commerce platform.
| CLIENT | Osotspa |
| EXPERTISE | UX, UI and Development |
| PLATFORMS | Web E-commerce |
Brand story
01
The Natural Remedy Navigator
Osotspa brings you the best herbal ingredients, expertly and ethically sourced from throughout Thailand and Asia to create a range of natural herbal remedies and supplements that harness the benefits of centuries of herbal wisdom
“East meets West”
Plant powered
Best herbal ingredients, expertly and ethically sourced and prepared
Made in Thailand
Providing quality products sourced throughout Thailand and Asia, by Herbal specialists
Keeping it local
Oyura is passionate about helping local farmers and growers in Thailand and Asia
Insights
02
Focus group
Based on the insights gathered during Oyura focus group, early 2020
Sophie
Has a high level of understanding of the market and shops online often
Marry
Tends to shop offline more
Both profiles value depth of information in product & brand, which focus more on efficacy and safety
Their view towards herbal supplement are that they are safer, natural, have less chemicals, protect against long-term sickness, help address causes, not just symptoms, are a holistic option
Requirements
03
Goal
A refeshing e-commerce platform, with design based on the branding of Oyura. Keep the structure and content of the website, enhance usability, simplify functionality and make it more convenient to use. The platform will initially launch in the UK and Thailand.
Infrastructure
04
Development
The web application for Oyura is developed using Ruby on Rails.
A custom e-commerce system built on the open source Spree platform provide cart, order and payment integration.
A mission-specific CMS system was developed entirely using Rails. All components of the application are securely hosted on AWS.
Styleguide
05
Color Palette and Typography
Color
More lively with light green and grey
Typography
The design required both English and Thai language, so choosing the right font styles was paramount for maximum readability.
The updated design
06
Features
Flexible and simple
As Oyura’s initial product offerings will be limited, the interface must support presentation of fewer items while supporting the ability to scale over time, showcasing content while still providing clear call-to-actions.
Product images of Oyura are still work in progress. Images are used only as examples.
Herb library page - Herbs in Thailand have common names that Thai people know and have different names in English. Therefore, the display must be designed differently to make it easier for users to understand.
Language support
Site localization in English and Thai are critical due to the site being launched in the Thai local market as well as the UK market. Oyura needs to support separate products and payment system to each market.
Product information
Information about Thai herbs may not be well-known by foreign customers. Product and ingredient details had to be strategically-placed for easy reference - lists of key benefits, herbal ingredients and recognizable icons. Information is brief and concise, and can be understood immediately.
Product images of Oyura are still work in progress. Images are used only as examples.
Testimonials
Customer testimonials are critical for products in this particular market and finding friendly influencers is key to help attract customers.
Advertorial content
Guest blogs from well-known influencers help build trust and drive SEO to make Oyura the go-to source for herbal and plant-based supplements.
