Hang 5 App
Enabling users to make deep and meaningful connections based on astrological compatibility.
View in Figma
Client
Hang 5
Year
2022
Duration
1 month
Field
UX Design
Project Brief
The client’s request was to revamp their application in order to make it more enticing to their target audience, Gen Z. They wanted to incorporate AR and VR into their app while maintaining their mission of social matching based on Eastern Astrology Compatibility.
👥
Team
  • Jason: Project Manager
  • Kim: UI Designer
  • Ala: Researcher
  • Sabrina: Interaction Designer, Information Architect
👩🏽‍💻
My Role
  • User interviews
  • Affinity mapping
  • Persona development
  • Problem statement
  • User Flow
  • Prototyping
  • Illustration
🗒
Requirements
  • Eastern Astrology content
  • Interactive design
  • Options to share and download app
  • Game/ interactive activity
  • Conversion to mobile site
    My Design Process
    Overview
    Research
    Users
    Information Architecture
    1Research
    2Information Architecture
    4Prototype
    5Learnings
    Research
    User Interviews
    Details
    • Age 16-23
    • 6 interviews
    Research Insights
    • Our target audience uses astrology to gain a better understanding of others as well as themselves
    • Participants are active on astrology apps
    • Interviewees use social media when bored
    Click to zoom
    Competitive Analysis
    We prioritized features based on a combination of user interviews, client goals, and the mission of the app.
    Messages
    Profiles
    Onboarding
    Application Features
    • We compared the various features to the most successful versions on the market.
    • Given our time constraints, we relied heavily on competitive analysis.
    Click to zoom
    Persona: Meet Frankie
    Click to zoom
    • Frankie identifies as they in order to ensure that although we were covering the ancient topic of Eastern Astrology, we were relevant and inclusive.
    • We included Frankie’s year Zodiac, goat/ sheep on their Personality Sliding Scale. Frankie is 19, and in the target age range. We kept Frankie’s Zodiac in mind when developing their personality.
    • Frankie doesn't like to make small talk and wants to make friends based on meaningful connections.
    😣
    Problem Statement
    Frankie wants a way to make virtual friends based on their astrology.
      🧐
      How Might We...
      Create an app to help Frankie make meaningful connections?
      🥺
      Pain Points
      Information Architecture
      User Flow
      The goal of our user flows were to ensure that the user could easily access our many features easily and intuitively.
        Onboarding
        Matching
        Horiscope
          Callouts
          We created a set of callouts to establish clear guidelines for the dev team.
            Profile
            Social
            Horiscope
            Components
            Settings
              UI/ Visual
              Style Guide
              We established a style guide consistent with Gen Z style trends
              Mid-Fi
              Here's how the app will look.
                Home
                Settings
                Profile
                Messaging
                Horiscope
                • Zodiac sign is featured in profile because it helps the user understand the persons' attributes.
                Prototype
                See it in Action
                  Settings
                  Match
                  Messaging
                  Horiscope
                    See it in Figma
                    Learnings/ Next Steps
                    🤓
                    Learnings
                    • Feature prioritization
                    • Prioritization with limited time frame
                    • Design standards for various features such as messaging, AR, and VR
                    ⏭
                    Next Steps
                    • More interviews based on newly incorporated features
                    • Moderated testing
                    • Testing in maze

                    Thanks for stopping by! Come again!