W
ebsite design
for wellness studio
The task
To make a website with information about studio’s services, philosophy and approach. The main request was to create a website that captures the atmosphere of relaxation and premium service.
About project
Precision Wellness is a wellness studio in the UAE that combines a scientific approach, cutting-edge technology, and personalized care.
What was done
As this project was made in collaboration with agency, some parts of the work were made by me and other parts by team members. All reviewed by art-director of this project
- Marketing research — reviewed the market, collected strong ideas, and noted common mistakes to avoid (me)
- Structure elaboration — made the navigation clear and comfortable for visitors (me)
- Copywriting & prototyping — strong texts + a solid prototype to build trust and guide users (studio)
- Design — desktop and mobile; premium, but still simple and easy to read (me)
- WordPress development — bringing it all to life (studio)
Home page
For the hero block, we wanted visitors to feel like they’re already inside the studio, so I chose a full-screen photo from one of the classes. To keep the premium mood, I used thin lines that echo the logo style. I also added plenty of white space and subtle green accents to create a sense of calm and relaxation. All of it was aligned with the studio’s photography, so the visuals and the layout support each other instead of competing for attention.
The studio has three zones, each with its own set of services. We decided to present them separately and use background images for each zone, so visitors can instantly feel the atmosphere and clearly understand what they can get in every space.
At the bottom of the page, we added a block with links to the studio’s other directions beyond services, so visitors can find everything they need without going back to the menu. We also placed the newsletter signup in the footer, so it appears on every page and gently encourages visitors to subscribe.
Navigation on desktop is a dropdown menu. On mobile, the menu opens full-screen, and you can expand each section by tapping the bullet text.
Services
Studio had 11 services pages with the same structure. It was decided to make a design template to keep the consistency and make client’s navigation through the website smoother.
Offerings page
The studio has six offering directions. Each one includes an “About” section and a set of service tiles, so I designed a template page with the same structure and styles, and then swapped the content for each direction by pressing buttons in tabs.
Team page
The Team page includes seven teams, each shown in its own block and switched via tab buttons. Each team member also has a personal profile pop-up that slides in from the left side of the screen with key information about the specialist.
Blog, News, Articles
On the website, I designed two template pages for content: one for blog articles about the studio’s services and directions, and another for news and events. Each page uses a grid of article cards, and clicking a card opens the full article page.
Results
After the website design was completed, I prepared a UI kit and shared clear instructions for the developer who would build it. The founder of the agency I collaborated with also left me a review, and we’ve continued working together on other projects.
“
Karina, thank you for your work! The process was easy and productive, thanks in large part to your openness and willingness to collaborate. Despite the complexity and scope of the project, I appreciate your flexibility and efficiency. The client was pleased with the website, and that's the most important thing for us 🧡
How do you like the project?
