Refining VPal’s UI, an AI Character Chat Experience

Background

VPal is a fandom AI Character Chat app developed in partnership with a Japanese voice acting agency. This platform allows users to interact with 3D characters, bringing them to life with the voices of their favorite actors and actresses.

My Role

The features for this app has already been pre-defined by the stakeholders. My role focuses more on the UI of the app, closely collaborating with developers & 3D modelers to harmonize the diverse elements into a cohesive and delightful user experience. I’ve also improved the UX flows of all the list of features.

Role
UX/UI Designer

Responsibilities
UX/UI Design, Visual Design, Illustration

Team
3 Developers, 3D Modeling Agency, 1 3D Lead Designer

Year & Timeline
2023, 6 Months

Design Phase

UX Design

I enhanced the UX flows for every feature, aligning them seamlessly with project requirements. Additionally, I crafted detailed personas and conducted comprehensive journey mapping to guarantee optimal user retention throughout the VPal experience.

UI Design

For the visual identity, I chose a calming blue and teal palette for a serene experience. The UI elements are modern and minimalist, focusing on the 3D characters and interactive room. After defining the UI, I then created a component library on Figma.

UI Analysis & Refinement

I fine-tuned each screen through an iterative approach & constantly seek feedback from our team and stakeholders. In collaboration with our dev team, I ensured that all the elements translates well across various screens. This process involved a thorough breakdown of specifications, with a focus on enhancing user comprehension and maintaining a cohesive visual language.

Outcomes

Here are the final screens for the different features of the app. The minimalist and modern UI design aim to enhance the user experience without overshadowing the 3D characters and interactive room.

Reflections

This experience taught me the nuances of effective collaboration, emphasizing the importance of clear communication and shared goals in achieving a cohesive and visually appealing app.

View All Projects