UX/UI Design | Freelance
2022
Project Overview
Project Overview
About Galaxio
About Galaxio
Galaxio is designed to empower aspiring esports athletes, regardless of their current skill level or experience. Galaxio provides the tools and resources you need to cultivate talent and compete for glory.
Galaxio has a user-friendly interface that makes it easy to navigate and find the features you need. From searching for tournaments to connecting with communities. This accessibility ensures that every gamer has a fair shot at achieving their esports dreams.
Tasks
Tasks
Tournament Search: Register and find online tournaments based on your preferred game genre, prize pool, date, and location.
Prize Pool: Win cash, game vouchers, and merchandise through exciting tournaments.
News & Updates: Stay informed with the latest news and information on the online gaming world.
Tournament Search: Register and find online tournaments based on your preferred game genre, prize pool, date, and location.
Prize Pool: Win cash, game vouchers, and merchandise through exciting tournaments.
News & Updates: Stay informed with the latest news and information on the online gaming world.
Timeline
Timeline
Total time project: 4 months, not including hand-over to IT developers
Client Requirements Gathering & User Journey (6 weeks)
Design Phase (8 weeks):
Inspiration & App Branding (2 weeks)
Ideation & UI Design (6 weeks)
Total time project: 4 months, not including hand-over to IT developers
Client Requirements Gathering & User Journey (6 weeks)
Design Phase (8 weeks):
Inspiration & App Branding (2 weeks)
Ideation & UI Design (6 weeks)
Challenges
Challenges
The client had no enough budget and timeline to do a proper research. They gave an preference of competitor from other country platforms.
I could not validate my design to IT developer, because at that time, the clients still looking.
The client had really good taste in design.
The client had no enough budget and timeline to do a proper research. They gave an preference of competitor from other country platforms.
I could not validate my design to IT developer, because at that time, the clients still looking.
The client had really good taste in design.
Tools
Tools
Figma, Adobe Illustrator, and Adobe Photoshop
💎 Achievements
💎 Achievements
My design work on the Galaxio project not only exceeded the client's expectations, but it also earned their continued trust. They awarded me repeat business on other major projects and empowered me to assemble my own IT developer team.
My design work on the Galaxio project not only exceeded the client's expectations, but it also earned their continued trust. They awarded me repeat business on other major projects and empowered me to assemble my own IT developer team.
Design Method
Double Diamond
The Galaxio project can benefit greatly from the simple Double Diamond design thinking process, a user-centered approach that emphasizes iteration and refinement. The Galaxio project was unique. The client, an online gamer themself, became a key partner in the design process. Here's how I used a client-centric Double Diamond approach:
Double Diamond
The Galaxio project can benefit greatly from the simple Double Diamond design thinking process, a user-centered approach that emphasizes iteration and refinement. The Galaxio project was unique. The client, an online gamer themself, became a key partner in the design process. Here's how I used a client-centric Double Diamond approach:
Phase 1: Research
Discover Together: Forget traditional research. We conducted interviews and workshops, exploring the client's vision and gamer experiences. Analyzing successful platforms became a collaborative effort, discussions on features that resonated with them.
Define: Work with the client to define target user groups and refine the project statement to reflect their vision and audience.
Phase 2: Design
Client-Driven Ideation: Organize brainstorming sessions with your client to generate ideas of features and functionalities. Prioritize features collaboratively based on vision, user needs, and budget.
Client-Validated Prototypes: Create high-fidelity prototypes, followed by iterative feedback sessions with the client to ensure their vision is reflected.
Phase 3: Deliver - Client Satisfaction
The client remained heavily involved. High-fidelity prototypes were followed by iterative feedback sessions, ensuring the design reflected their vision. As we developed a high-fidelity prototype, their final design input shaped Galaxio's user experience.
Benefits:
Client involvement fosters a sense of ownership and increases buy-in.
Collaboration ensures the platform reflects the client's vision.
Early feedback minimizes rework.
Phase 1: Research
Discover Together: Forget traditional research. We conducted interviews and workshops, exploring the client's vision and gamer experiences. Analyzing successful platforms became a collaborative effort, discussions on features that resonated with them.
Define: Work with the client to define target user groups and refine the project statement to reflect their vision and audience.
Phase 2: Design
Client-Driven Ideation: Organize brainstorming sessions with your client to generate ideas of features and functionalities. Prioritize features collaboratively based on vision, user needs, and budget.
Client-Validated Prototypes: Create high-fidelity prototypes, followed by iterative feedback sessions with the client to ensure their vision is reflected.
Phase 3: Deliver - Client Satisfaction
The client remained heavily involved. High-fidelity prototypes were followed by iterative feedback sessions, ensuring the design reflected their vision. As we developed a high-fidelity prototype, their final design input shaped Galaxio's user experience.
Benefits:
Client involvement fosters a sense of ownership and increases buy-in.
Collaboration ensures the platform reflects the client's vision.
Early feedback minimizes rework.
Design
Design
Information Architecture
Information Architecture
Here, I'll extract into the user flow from account registration to completing a tournament payment, showcasing how the IA facilitates a smooth and intuitive experience for aspiring esports competitors.
Here, I'll extract into the user flow from account registration to completing a tournament payment, showcasing how the IA facilitates a smooth and intuitive experience for aspiring esports competitors.
User Journey
User Journey
Rapid User Journey Mapping: I created a user journey map for one feature: Tournament registration, to visualize the key touchpoints gamers encounter as they explore and engage with esports tournament on Galaxio. This map helped prioritize functionalities and ensure a seamless user experience.
Rapid User Journey Mapping: I created a user journey map for one feature: Tournament registration, to visualize the key touchpoints gamers encounter as they explore and engage with esports tournament on Galaxio. This map helped prioritize functionalities and ensure a seamless user experience.
Curated Inspiration
Curated Inspiration
To create a visually appealing and intuitive interface, I conducted extensive research on design trends and best practices within the online gaming industry. This research informed the overall aesthetic and user experience of Galaxio.
To create a visually appealing and intuitive interface, I conducted extensive research on design trends and best practices within the online gaming industry. This research informed the overall aesthetic and user experience of Galaxio.
The Final Showcase
The Final Showcase
The final collection of UI designs for Galaxio reflects the high point of these efforts. While I haven't included wireframes in this portfolio piece, the UI elements demonstrate a clear understanding of user needs and a focus on intuitive navigation. The 2 pictures below show the process of the users searching for a new tournament, registering their team, and payment.
The final collection of UI designs for Galaxio reflects the high point of these efforts. While I haven't included wireframes in this portfolio piece, the UI elements demonstrate a clear understanding of user needs and a focus on intuitive navigation. The 2 pictures below show the process of the users searching for a new tournament, registering their team, and payment.
More Screens
More Screens
To deliver a seamless user experience for Galaxio, I designed a comprehensive set of over 300 UI screens, ensuring efficient navigation across all functionalities. Explore the design & let me know your thoughts!
To deliver a seamless user experience for Galaxio, I designed a comprehensive set of over 300 UI screens, ensuring efficient navigation across all functionalities. Explore the design & let me know your thoughts!
