ShinyO
& Bep Khoe
Oil Product Web UI
Project introduction
New Product Launching
Sethia Hemraj Rice Oil Company Limited, one of the world’s leading producers of Rice Bran Oil, introduced two new brands: ShinyO and Bếp Khỏe, to the Vietnamese market in 2025.
To support the launch, dedicated websites were needed for each brand to build awareness, highlight health benefits, and connect with local consumers in a fresh and engaging way.
Project Workscope:
– Examine the business needs and competitors
– Propose visual and development direction of the new websites
– Design the website userflow
– Design a new web UI
– Responsive adaptation
A little dive deep
Project Analysis
Business Needs
To save time and keep the project cost-efficient, the client requested a flexible website layout that could be adapted for both cooking oil brands. The goal was to build a shared structure that maintained consistency in functionality, while allowing for easy customization in style, color, and visuals to reflect each brand’s unique identity.
Design Approach
To enhance the launch impact, the client wanted a striking product showcase right at the top of the homepage. The team brought this to life using Parallax Scrolling and Interactive Elements in the hero banner, creating a dynamic first impression that immediately draws users into the brand experience.
The design was also infused with natural imagery such as grains, fields, and fresh ingredients, to emphasize the purity and high quality of the cooking oil products.
For FMCG brands like ShinyO and Bếp Khỏe, clearly showcasing product benefits, highlighting health advantages, and building trust through clean design and natural visuals is essential to connect with everyday consumers and make a lasting impression.
Client’s request of website structure
Sitemap and UI references for each section
Design Assets
Color Palette - ShinyO
Branding
Base
Neutral
Typography - ShinyO
MERRIWEATHER
Primary Font, used for Heading, Headline
Regular, Italic, Bold, Bold Italic
MONTSERRAT
Secondary Font, used for Body Text
Regular, Italic, Bold, Bold Italic
Design Assets
Color Palette - Bếp Khỏe
Branding
Base
Neutral
Typography - Bếp Khỏe
UTM GOD'S WORLD
Primary Font, used for Heading, Headline
Regular, Italic, Bold, Bold Italic
MONTSERRAT
Secondary Font, used for Body Text
Regular, Italic, Bold, Bold Italic
Final Design
ShinyO Cooking Oil Website UI
Homepage
About Us
Blog
Blog Article
Recipe
Recipe Details
Product List
Product template
Product template
Final Design
Bếp Khỏe Cooking Oil Website UI
Homepage
About Us
Blog
Blog Article
Recipe
Recipe Details
Product List
Product template
Product template
Experience in Figma Prototype
Instruction:
Click on screen to find flashy hint for available interactive elements
Hit [R] or click on [Restart button] at the bottom right corner
For full screen view, click on the expand icon at the top right corner
Thank You For Reading!