Fibr App V1

As the lead UI/UX designer for Fibr, I spearheaded the development of Fibr App V1, a revolutionary fitness networking platform. It enhances networking, job sourcing, and offers unique educational and product discounts tailored to the fitness industry. My role involved close collaboration with stakeholders and fitness professionals to integrate user-centric features, including an efficient job application process, robust social networking, and exclusive educational opportunities.

Date

Oct 2021

Role

Lead UI/UX Designer

Designing Fibr: Navigating Complexities in Fitness Professional Networking

In developing Fibr, a networking platform for fitness professionals, the main challenges included creating a user-friendly interface, integrating diverse features into a cohesive experience, and implementing robust communication tools. The project required a deep understanding of the users' needs and meticulous design to ensure functionality across various devices.

User-Centric Interface

Crafting an intuitive and engaging interface that resonates with fitness professionals, accommodating varied levels of technical expertise.

Feature Integration & Cohesion

Seamlessly integrating diverse features such as job boards, social networking, educational content, and exclusive discounts into a unified user experience.

Real-time Communication

Implementing robust real-time communication tools that facilitate effective networking and collaboration within the fitness community.

Responsive & Adaptive

Ensuring the platform’s adaptability and responsiveness across different devices, maintaining a consistent and high-quality user experience.

Fibr's Comprehensive User Research Approach

In the user research phase for Fibr, we initiated an in-depth exploration to understand the unique requirements of fitness professionals. This phase commenced with a significant stakeholder meeting in Los Angeles, engaging in extensive brainstorming with company founders and esteemed fitness experts. This collaborative effort was key to gathering real-world insights, shaping the direction of Fibr's design and features.

people sitting on chair in front of laptop computersby Cherrydeck

Stakeholder Collaboration Meeting

Conducted a pivotal day-long meeting in Los Angeles, bringing together stakeholders, company founders, and fitness professionals for in-depth brainstorming and discussions.

man drawing on dry-erase boardby Kaleidico

Insight Gathering

Focused on extracting valuable insights during the session, covering aspects like employment processes, social networking, educational needs, and desired features in the platform.

person wearing black coat close-up photographyby Van Tay Media

Interview with Fibr Team & Fitness Experts

Held detailed interviews with the Fibr team and fitness professionals to understand user preferences, particularly emphasizing the need for effective communication features like chat.

Key Findings from User Research

Our user research for Fibr brought to light pivotal insights about fitness professionals' needs. These findings were key in guiding the feature set and functionality of Fibr App V1, ensuring a product that truly resonates with our target audience.

Employment Needs

Stakeholders highlighted the need to simplify the employment process for fitness professionals. Trainers desired a platform that enabled a swift and efficient job application process, seamlessly connecting them with suitable opportunities.

Education Opportunities

Recognizing the growing demand for continuous learning and skill development in the fitness industry, there was a clear need for a platform that not only connected trainers with job opportunities but also offered exclusive discounts on education and fitness-related courses, supporting their ongoing professional growth.

Chat Feature

Real-time communication emerged as crucial, with a strong preference for a chat feature that facilitates seamless interaction with networks, potential employers, and prospects, enhancing both networking and collaboration.

Social Aspect

The need for a strong social aspect was clear, with trainers seeking a community-driven platform where they could connect, share experiences, and collaborate with peers in the fitness industry.

Quick & Easy Application Process

The need for a streamlined and user-friendly job application process was a recurring theme. Trainers emphasized the importance of a system that allowed them to apply for positions effortlessly, minimizing the barriers between them and potential job opportunities.

Exclusive Discounts

The desire for exclusive discounts on fitness gear, equipment, products, and education was a key insight from both stakeholders and trainers. They saw this as a unique value proposition that could enhance their overall experience on the platform by providing tangible benefits and cost-saving opportunities.

Fibr's Competitive Analysis

During Fibr's design phase, we analyzed major competitors including Instagram, LinkedIn, and leading fitness brands like lululemon, Equinox, and Crunch. This gave us insights into market trends, user expectations, and effective branding strategies.

Job Search and Application

News Feed

1 Click Apply

Job Alerts

Job Search / Filter

Resume Builder

Professional Networking and Growth

Networking and Community

Education

Company Reviews

Insights and User Experience

Analytics

Salary Information and Insights

Activity Dashboard

Notifications

Defining the Information Architecture

The wireframing process began with defining the information architecture, establishing the hierarchy of content and features. This involved mapping out how different sections, such as the news feed, user profile, chat features, connections, jobs, discounts, and education, would be interconnected and navigated within the app.

Crafting Fibr's Intuitive User Flow

The user flow for Fibr was meticulously designed to offer a seamless and intuitive experience for fitness professionals. It focused on guiding users through the app's core features, from networking and job searching to accessing educational content and exclusive discounts. This process was crucial in ensuring a natural, logical navigation path within the app.

Visual Hierarchy and Layout

Wireframes established the visual hierarchy, emphasizing the placement and priority of
elements on each screen. Attention was given to maintaining a balance between a
professional aesthetic and an engaging, user-friendly design. Decisions on color
schemes, typography, and overall layout were outlined to create a cohesive and visually
appealing user interface.

Desktop Wireframes

Mobile Wireframes

Fibr's Branding Vision

In Fibr's brand exploration phase, we crafted a unique branding vision by analyzing competitors like Instagram and LinkedIn. This led to a green and dark blue color palette symbolizing fun and professionalism, and a logo design that effectively conveys Fibr's essence.

Crafting Fibr's User Interface

The UI design of Fibr App V1 was a detailed endeavor spanning several months, where we
focused on creating an intuitive and engaging user experience. The design process resulted in the development of key features that enhanced communication, networking, and career development, tailored specifically for fitness professionals.

News Feed

Central to the app, enabling users to share updates and stay current with fitness industry trends.

Jobs Section

Innovatively designed for a streamlined job search and application process, featuring a one-click apply option and robust filtering.

Chat

Supports real-time communication with functionalities like group chats, image sharing, and access to job and educational opportunities.

User Profile

Customized for fitness professionals, featuring detailed work experience sections and enhanced multimedia capabilities.

Discounts

Offers exclusive discounts on fitness gear and educational resources, adding tangible value for users and employers.

Connections

Broadens networking beyond individuals, allowing users to follow businesses and educational entities and import contacts.

Desktop Gallery

Mobile Gallery

Our Results

Fibr App V1 stands as a testament to a meticulously planned and executed UX design process, addressing the diverse needs of fitness professionals and establishing itself as a comprehensive networking platform in the industry. The collaborative efforts and attention to detail in every phase have culminated in a user-centric application that seamlessly integrates networking, employment, and educational opportunities within the fitness realm.