Web Design for Oxyone

Ray Rona Epiya

Visual Designer
Web Designer
UX Designer
Adobe Illustrator
Adobe Photoshop
Figma

About The Company

“OxyOne” is a compressed oxygen product designed for the fitness industry. It is marketed as a source of supplemental oxygen for individuals engaging in physical activities, including exercise. The concept is that inhaling oxygen from this product may offer benefits such as increased stamina, reduced fatigue, and faster recovery. Some individuals believe that it can enhance athletic performance, although scientific evidence supporting these claims is limited.

The Goal

General Goals:
Clear Information Delivery: The web design should effectively convey key information clearly and be easily understandable by visitors.
Capturing Visitor’s Attention: The design should capture the visitor’s attention with visually appealing elements such as high-quality images, appropriate colors, and an attractive layout.
Ensuring Easy Navigation: Visitors should be able to navigate the site effortlessly. The menu and site structure should be well-organized, allowing users to quickly find the information they are looking for.
Responsive and Device Compatible: The web design should be responsive, and accessible on various devices including desktops, tablets, and smartphones.
Enhancing User Engagement: Utilizing interactive elements like forms, buttons, and animations to enhance user engagement and ensure a pleasant user experience.

User and Audience

The target audience for their new site would be:
Customers/Consumers: Individuals who use the website to purchase products or services.
End Users: People who access and use the products or services provided by the website.
First-Time Visitors: Individuals who are visiting the website for the first time, and the design should provide a positive impression and guide them effectively.

My Role & Responsibility

This project is my freelance project on the Upwork site. So my role here is just UI Designer, using Figma to create mockups.
The Client: Project Acquisition
The Manager: Gather information from the client
Me as UI Designer: Create a web design using Figma

The Process

Wireframe
Wireframes have consistently assisted me in visualizing the content and understanding the overall page structure.
Website References
The client wanted the website to be modern and bold, they wanted to use the oxygen concept.
Challenges
The biggest challenge for me is when the client wants to use the oxygen concept as a design style, so I need to research and make several variations of the style.
– The next challenge was that the client had a lot of briefs and I needed to fit them into the web design.
Design Variations
I always begin with the homepage to secure the client’s approval of the style, ambiance, and subtleties of the design.
Final Mockup
The client finally chose the Third variation with the concept of oxygen, the color sky blue.

The Result

Once the home page is approved, subsequent page completion becomes more efficient as they already adhere to the desired style. Following a few minor revisions, the mockup was finalized, transitioning into the development phase with the development team, and the website is now live.
Visit the live site here
“May this creative journey lead to continued meaningful contributions, enriching the world of design. Thank you for taking the time to explore my portfolio. I am enthusiastic about collaborating and creating inspiring works together with you. Let’s explore the limitless potential in the world of design together!”
Partner With Ray Rona
View Services

More Projects by Ray Rona