MY ROLE
As the sole Visual and UX Designer on this project, I was responsible for designing the digital platform and branding for BeMe. My role encompassed user experience strategy, visual design, and interaction design, ensuring a cohesive and engaging interface that promotes mindfulness, fitness, and social engagement for college students. I developed the information architecture, wireframes, and high-fidelity prototypes, while also crafting the brand identity and visual language to align with BeMe’s mission.
TARGET AUDIENCE
BeMe is an organization that works in partnership with colleges across the United States to provide students with support and resources to lead healthy and active lives.
BACKGROUND
College is the time to explore yourself and we are here to facilitate your mental and physical health. We are dedicated to connecting students with similar interests to keep each other motivated in the ultimate goal to stay healthy.
DESIGN PROBLEM
Create a digital platform and brand that works with colleges to give students the space to meditate, work out, and engage with others.
DESIGN PROCESS
Originally, a symbol was meant to represent the brand, but the name BeMe stood apart as uniquely capable the various sectors of the brand including, Mindfulness, Fitness, and Teams. Grids were implemented throughout for a clean and sleek design.
DESIGN SOLUTION
We introduce group and solo exercise as well as mindfulness activities for college students who want a balanced lifestyle.
DESIGN CHALLENGES & CONSTRAINTS
Due to time constraints, I was unable to conduct extensive user interviews or usability testing before finalizing key design decisions. Instead, I relied on secondary research and assumptions about student needs.
Balancing Simplicity & Engagement
The design needed to feel clean and intuitive while also being engaging and motivating for students. Finding the right balance between an aesthetic, structured layout (grids) and an inviting, energetic feel was a challenge.
Brand Identity Alignment
Originally, the brand was meant to be represented by a symbol, but as the project evolved, it became clear that the name BeMe itself held stronger branding potential. Adapting the visual identity to reflect this shift while maintaining consistency was a key challenge.
Creating a Scalable Design System
The platform needed to accommodate multiple focus areas (Mindfulness, Fitness, and Teams) without overwhelming users. Designing a modular and adaptable UI that worked across different experiences was crucial.
Ensuring Accessibility & Usability
Given the diverse range of students using the platform, accessibility was a consideration, but without formal accessibility testing, I had to rely on best practices to ensure usability for all students.
Technical & Development Constraints
Since I worked solely on the UX/UI design, this meant ensuring my designs were feasible within the given technical constraints, keeping interactions intuitive yet implementable.
LESSONS LEARNED
Designing for Multiple User Journeys – Creating a platform that supports both solo and group activities required me to think critically about navigation flows and interaction design to ensure a seamless experience.
The Power of Visual Hierarchy – Implementing grids and structured layouts taught me how to maintain clarity and consistency while allowing room for visual engagement.
Strategic Prioritization in UX – With limited user research and testing time, I learned to prioritize key features and usability heuristics, ensuring the most critical user interactions were intuitive.
Flexibility in Design Execution – Constraints in time and technical feasibility pushed me to be more efficient in decision-making, focusing on practical solutions rather than ideal scenarios.
The Importance of Documentation – Clearly annotating design decisions for developers and stakeholders made it easier to communicate functionality and ensure smooth handoff.
SOFTWARE
Adobe XD | Illustrator
Navigation & Branding (Top Section): A primary navigation menu with options: Fitness, Meditate, Teams, and About, likely serving as category filters or main sections of the website. The selected tab (Fitness) is highlighted, indicating an active state.
Two filter categories:
»“What Time of Day?” with Morning, Afternoon, Evening options.
»“What Day of the Week?” with Mon-Fri options.
These filters allow users to customize their search and find relevant activities efficiently. The active selections (Afternoon & Monday) are visually distinguished with darker shading.
Results Display (Grid Layout): A grid of six content cards (placeholders marked as "Lorem Ipsum"), suggesting activity options based on the selected filters. The consistent card layout ensures easy readability and comparison.
Scheduling Interface: Three-column layout for user-specific schedules (Alex, Sam, Daisy). Time slots differentiated with background colors for clarity.
Call-to-Action (CTA): Large, centered "Register" button for easy sign-up.
Structured Layout: Split-screen format clearly separates instructor details (left) and class information (right) for easy readability.
Navigation & Interaction: Left-arrow icon enables users to navigate back. Large "Confirm" button ensures clear call-to-action.
Content & Accessibility: Contrast between text bubbles improves readability. Footer includes essential links, social media, and newsletter signup for engagement.
Confirmation Screen: Displays a success message to reassure users their booking is complete. Profile section reinforces instructor and class details for clarity.
Navigation & Interaction: "Start Over" button allows users to reset and make another selection.
Minimalist Layout: Clean, centered design enhances focus on key information.