Trioral (Oral Rehydration Solution)
This project was a freelance opportunity undertaken while I was still a student, where I was tasked with improving Trioral’s logo and homepage design.
The focus was on creating a design that not only aligns seamlessly with the business’s core values but also meets user expectations and enhances the overall user experience. Every design choice was made with the goal of maintaining a cohesive theme, improving the visibility of key information, and reducing clutter to create a clean, user-friendly interface.
As part of the project, a new logo was also designed at the client’s request, carefully crafted to reflect Trioral’s brand identity.
​
The design process was shaped by close collaboration with the Design Strategist Director, whose expertise ensured the final design was in line with the brand’s identity and values.
Roles
Researcher
Designer
Tools
Figma
Goal
Create awareness for Trioral and establish it as a trustworthy remedy to keep users hydrated.
Brand Values
Simplicity
Rehydration should be straightforward.
Effectiveness
Hydration solutions must work quickly and reliably.
Accessibility
Everyone deserves access to affordable hydration remedies.
New Logo
About the Logo
The Trioral logo emphasizes hydration with its water droplet design, reflecting the brand's goal to be a trustworthy remedy for keeping users hydrated.
Initial Phase
Research
During the research phase, I analyzed competitor brands for inspiration, identifying design elements that resonate with hydration and electrolyte products.
I also explored visual concepts like water droplets, ripples, and the representation of three key electrolytes.
Drafts
Building on the research, I created multiple design drafts and iteratively refined them based on the feedback received. This process helped shape a more focused and effective design aligned with the project goals.
Redesigning of webpage
I redesigned the homepage based on the client’s brief, focusing on simplicity and accessibility. The layout was designed to be clean and easy to navigate, ensuring users, particularly first-time visitors, can easily find the information they need without confusion. I made sure to highlight key product details and benefits to provide clarity and create a seamless experience for users.
​
The content was provided by the client, and my design choices were aimed at ensuring that it was presented in the most user-friendly way possible.
Proposed Design
Creative Exploration & Direction
Typography
*The font is primarily used for logo only.
Font used in webpage: Source Sane 3
Colors
Buttons
Conclusion
This project was my first client-based freelance project, aiming to design a new logo that aligns with the brand and a user-friendly, accessible webpage for Trioral, with a focus on simplicity and hydration awareness. Through thorough research, client feedback, and adherence to the brand’s core values, I developed a clean and functional design that effectively highlights the product's benefits while enhancing user navigation.
Things to improve
Conducting user testing could have provided deeper insights into usability, helping refine the design further to improve the website's look and feel.