Client
Mariana Tek – Boutique Fitness Business Management SoftwareProject
Website Redesign to modernize the brand’s online presence, improve user engagement, and increase demo bookings.My Role
Lead UX/UI Designer (responsible for the end-to-end design process)
Role & Responsibilities
Lead Designer
Tools
⚠️ The Challenge
Outdated Look & Feel: The previous website lacked modern design elements, making it less appealing in the competitive fitness tech landscape.
Unclear User Journey: Visitors couldn’t quickly identify key features or find an easy path to book a demo.
Brand Alignment: Mariana Tek’s dynamic, community-driven brand wasn’t reflected in the site’s visuals or content hierarchy.
🎉 Redesign Goals
Boost Conversion: Encourage more site visitors to request a demo.
Highlight Product Offering: Clearly communicate Mariana Tek’s software features and benefits for various types of boutique fitness businesses.
Reinforce Brand Identity: Create a website that looks and feels energetic, modern, and professional.
Research
& Discovery
Understanding 🔎 the User
Stakeholder Interviews
Spoke with Mariana Tek’s leadership to understand business objectives—primarily, increasing demo bookings and showcasing feature breadth for different studio sizes.
User & Market Insights
Existing Client Feedback: Some studio owners found the previous site overwhelming or lacking clear calls to action, leading to confusion about next steps.
Competitor Analysis: Reviewed top fitness management platforms (e.g., Mindbody) to learn how they funnel users toward product information and demos.
Defining
the Redesign
Strategy
From Concept to 🚀Execution
Problem Statements
How might we create a visually appealing site that stands out in the boutique fitness software market?
How might we streamline the user flow so visitors easily understand Mariana Tek’s value proposition and move toward a demo booking?
UX & Business Objectives
Establish a Modern Aesthetic: Incorporate a fresh color palette, bold typography, and dynamic imagery to revitalize the brand.
Optimize Navigation: Present product information logically, catering to both small studios and larger enterprise clients.
Increase Engagement & Conversions: Feature well-placed calls to action and highlight success stories to bolster trust.
Design Process
Information Architecture
& Wireframing
Site Map Overhaul
Revised the existing site map to group content into intuitive categories (e.g., Features, Pricing, Resources, About), ensuring visitors aren’t overwhelmed.
Low-Fidelity Wireframes
Created wireframes focusing on a hero section that immediately conveys Mariana Tek’s unique value, followed by prominent CTAs leading to key product details
Prototyping
& User Feedback
Mid-Fidelity Prototypes
Moved to digital wireframes in Figma (or Sketch), presenting a clickable prototype to stakeholders and select users. Gathered input on content hierarchy and visual layout.
User Testing
Conducted quick usability sessions with studio owners and internal team members, testing how easily they could locate essential features and complete the demo request flow.
Iterations
Adjusted page layouts, button placements, and headlines based on feedback (e.g., simplified top navigation labels, more direct calls to action, streamlined copy).
High-Fidelity
Design & Branding
Visual Refresh
Incorporated modern fitness-related imagery, vibrant accent colors, and bold typography to align with Mariana Tek’s brand energy.
Responsive Layouts
Ensured the redesigned site was mobile-first, catering to on-the-go studio owners.
Style Guide
Developed a style guide documenting color palette, typography, iconography, and component states to maintain consistency as the site evolved.
Key Features & Functionality
Engaging Hero Section
A bold hero banner featuring a concise value statement and “Book a Demo” button to capture immediate interest.
Intuitive Navigation
Simplified menu labels and drop-down categories so visitors can easily explore features, pricing, and resources.
Segmented Solutions
Distinct sections for small studios vs. enterprise clients, showcasing how Mariana Tek’s platform can scale.
Client Testimonials & Case Studies
Highlighted success stories to build credibility and address potential objections.
Booking CTA Placement
Strategically placed “Book a Demo” buttons on every relevant section, minimizing friction for sign-ups.
Testing
& Validation
Post-Launch Feedback
User Surveys: Polled existing clients and new site visitors on overall usability and aesthetic appeal.
Analytics Tracking: Monitored bounce rates, time on page, and demo form completions to gauge the redesign’s effectiveness.
Observations & Iterations
Improved Conversions: Early data suggested an uptick in demo requests.
Refined Copy: Adjusted headlines and subheadings for clarity based on user queries gathered via support channels.
Final Outcome
Visual & Functional Highlights
Modernized Brand: The new website exudes a vibrant, energetic vibe reflecting Mariana Tek’s dedication to helping boutique fitness businesses thrive.
Streamlined User Experience: Visitors can easily navigate features, learn about product capabilities, and schedule demos without hunting through cluttered menus.
Stronger Lead Generation: User-friendly booking forms and prominent CTAs contributed to an increase in conversions post-launch.
Increased Demo Bookings
Mariana Tek reported a significant rise in demo requests within weeks of going live.
Positive Client Feedback
Studio owners praised the clear, visually appealing interface, citing the site’s improved clarity and professionalism.
Enhanced Brand Image
The redesign positioned Mariana Tek as an innovative, user-centric leader in boutique fitness software.
