• Graphic Design
  • Other Projects
    • UGG
    • Photography
    • Illustrations & Motion Design
  • RESUME
Avital Glibicky

Avital Glibicky

  • Graphic Design
  • Other Projects
    • UGG
    • Photography
    • Illustrations & Motion Design
  • RESUME

BeMe

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

  1. 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.

  2. The Power of Visual Hierarchy – Implementing grids and structured layouts taught me how to maintain clarity and consistency while allowing room for visual engagement.

  3. 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.

  4. 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.

  5. 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

Sticker Sheet / Design Kit

Branding / Marketing


Example Digital Wireframes for Desktop Size

  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

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.

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 ensu

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

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.


Example Digital Wireframes for Mobile Size

iPhone X-XS-11 Pro – 60.png
iPhone X-XS-11 Pro – 71.png
iPhone X-XS-11 Pro – 70.png
iPhone X-XS-11 Pro – 72.png
 

Digital and Mobile Walkthroughs

 

 
Screenshot 2025-02-17 at 2.22.36 PM.png
Screenshot 2025-02-17 at 11.19.38 AM.png
Screenshot 2025-02-13 at 4.00.14 PM.png