Mariana Tek approached me with a vision to enhance their online presence for their boutique fitness business management software. They needed a site that would showcase their innovative software solutions, appeal to studio owners, and provide easy access to information on their robust set of features. The goal was to design a visually engaging and user-friendly site that would drive conversions, facilitate demo bookings, and strengthen their brand presence.
Role and Responsibilities
Lead Designer
In this project, I was responsible for the end-to-end design process, including initial research, wireframing, prototyping, and final design execution. I collaborated closely with stakeholders to ensure alignment on brand aesthetics and user experience goals. I also worked with developers to refine and implement design details, ensuring functionality and responsiveness across devices.
Problem
Mariana Tek needed to balance an informative, professional look with an approachable and vibrant feel, catering to a target audience ranging from independent studio owners to larger fitness chains.
Outcome
I designed a user-centric layout with clear visual hierarchy, intuitive navigation, and strong calls to action. Using a modern design and engaging visuals, I aligned with the brand’s energetic identity while strategically placing demo callouts and feature highlights to boost engagement and drive leads.
Research and Discovery
Understanding the User
To align the design with user needs, I conducted in-depth user research, analyzing fitness studio owner personas and competitor websites. I focused on understanding user goals, typical browsing behaviors, and preferences. This research informed several design choices, including simplified navigation, high-contrast call-to-action buttons, and segmented information layouts catering to different studio types.
Design Process
From Concept to Execution
I started with wireframes to prioritize accessibility and simplicity, then advanced to high-fidelity mockups, integrating the brand’s colors, typography, and imagery. Prototyping enabled rapid iteration and feedback, while a style guide ensured consistency, particularly in the multi-location section.
Features and Functionality
Intuitive Navigation
Designed with an easy-to-use navigation system that guides users directly to their needs, whether viewing features, booking a demo, or exploring resources.
Segmented Studio Types Section
Highlights solutions tailored for various fitness studio types, making it easy for users to find relevant information.
Responsive Layouts
Every page is optimized for mobile, tablet, and desktop views to reach users across devices.
Custom Demo Booking Feature
Simple yet effective CTAs for demo booking throughout the site to drive conversions.
Bringing the Vision to Life
Final Design
The Legend product modernization project reinforced the importance of aligning with user needs from the outset. Through empathy mapping and iterative prototyping, I ensured that the final product directly addressed user pain points. This project also emphasized the value of usability testing, as user feedback shaped key design adjustments that ultimately improved functionality and user satisfaction.
Impact and Results
Success Metrics
Following the site launch, Mariana Tek reported an increase in demo bookings and a positive response from clients who found the site intuitive and visually appealing. The updated site successfully positioned Mariana Tek as a forward-thinking, user-centric brand, with features and functionality that enhance user trust and engagement.
