APTNER pass - Design System
APTNER, an IT company based in South Korea, focuses on enhancing residential convenience within apartment complexes. I improved the user experience of its service, APTNER pass, which allows residents to reserve communal spaces and amenities, and developed the design system to provide a consistent user experience across APTNER pass and its mother service, APTNER.
ROLE
UI/UX Designer
Design System
TEAM
Jungho Yoo
Doohyeon Kim
Jungkoo Lee
Hyekyung Park
TOOL
Figma
Illustrator
DURATION
Feb - Mar 2023
Overview
Overview
APTNER pass is a service embedded within APTNER's app, designed to help residents reserve communal activities and amenities in advance within apartment complexes. As the sole UI/UX Designer in a team of five (Project Manager, Frontend Engineer, Backend Engineer, and pass Customer Service Manager), I was responsible for revamping the user experience for APTNER pass users to v2.0. This involved creating a seamless user flow and integrating a user interface that aligned with APTNER's existing design system.
APTNER pass is a service embedded within APTNER's app, designed to help residents reserve communal activities and amenities in advance within apartment complexes. As the sole UI/UX Designer in a team of five (Project Manager, Frontend Engineer, Backend Engineer, and pass Customer Service Manager), I was responsible for revamping the user experience for APTNER pass users to v2.0. This involved creating a seamless user flow and integrating a user interface that aligned with APTNER's existing design system.
THE PROBLEM
THE PROBLEM
Inconsistent UI leads to confusing user experiences.
Inconsistent UI leads to confusing user experiences.
Over the past five years, the APTNER mobile app has undergone multiple redesigns, while the APTNER Pass has remained unchanged. As an embedded service within the APTNER app, users must first navigate through the main APTNER app to access APTNER pass. However, the stark contrast in visual design has led to user confusion, creating a disjointed flow and an inconsistent overall experience.
Over the past five years, the APTNER mobile app has undergone multiple redesigns, while the APTNER Pass has remained unchanged. As an embedded service within the APTNER app, users must first navigate through the main APTNER app to access APTNER pass. However, the stark contrast in visual design has led to user confusion, creating a disjointed flow and an inconsistent overall experience.
KEY INSIGHTS
KEY INSIGHTS
What are the user thoughts on design inconsistency?
What are the user thoughts on design inconsistency?
Based on user insights from guerrilla testing with residents at APTNER's partnering complex, Ansan Granx1 City II, I learned that many APTNER Pass users hold frustration over design inconsistencies, redundant features, and inconsistent spacing and color usages.
Based on user insights from guerrilla testing with residents at APTNER's partnering complex, Ansan Granx1 City II, I learned that many APTNER Pass users hold frustration over design inconsistencies, redundant features, and inconsistent spacing and color usages.
Based on user insights from guerrilla testing with residents at APTNER's partnering complex, Ansan Granx1 City II, I learned that many APTNER Pass users hold frustration over design inconsistencies, redundant features, and inconsistent spacing and color usages.
SOLUTION
SOLUTION
Develop the APTNER Pass design system for a consistent experience.
Develop the APTNER Pass design system for a consistent experience.
Develop the APTNER Pass design system for a consistent experience.
To create a cohesive experience, I utilized the APTNER design system and then developed additional necessary UI components specific to those for APTNER pass's unique features.
To create a cohesive experience, I utilized the APTNER design system and then developed additional necessary UI components specific to those for APTNER pass's unique features.
Using key design system elements foundational to the APTNER app, such as typography, colors, spacing, dividers, and more, I redesigned the APTNER pass UI to ensure a consistent user experience across both services.
While the APTNER app focuses on residential lifestyle services like parking management and home security, APTNER pass specializes in amenity reservations. As a result, unique features and user flows specific to APTNER pass had to be developed. Following the APTNER design style, I created new UI components tailored for APTNER pass.
Using key design system elements foundational to the APTNER app, such as typography, colors, spacing, dividers, and more, I redesigned the APTNER pass UI to ensure a consistent user experience across both services.
While the APTNER app focuses on residential lifestyle services like parking management and home security, APTNER pass specializes in amenity reservations. As a result, unique features and user flows specific to APTNER pass had to be developed. Following the APTNER design style, I created new UI components tailored for APTNER pass.
↓ ↓ ↓
↓ ↓ ↓
For a better look at the design system, refer to this Figma file
For a better look, refer to my design system figma file,
viewable through desktop
HOW MIGHT WE?
Problem Statement
While the Guggenheim Museum's official website offers in-depth guides and assistance, the on-site experience falls short, leading to frustration and limited engagement for visitors.
What are the existing pain points during in-person visits to the Guggenheim?
How can visitors interact and augment their experience at the museum?
TAKEAWAY
TAKEAWAY
The impact.
The impact.
The implementation of the design system for a more cohesive experience across both APTNER and APTNER pass apps has proved 100% user preference and satisfaction rates upon user testing with 10 APTNER pass users.
The implementation of the design system for a more cohesive experience across both APTNER and APTNER pass apps has proved 100% user preference and satisfaction rates upon user testing with 10 APTNER pass users.
Sabin K.
APTNER service user
Sabin K.
APTNER service user
APTNER pass - Design System
APTNER, an IT company based in South Korea, focuses on enhancing residential convenience within apartment complexes. I improved the user experience of its service, APTNER pass, which allows residents to reserve communal spaces and amenities.
ROLE
UI/UX Designer
Design System
TEAM
Doohyeon Kim
Hyekyung Park
Jungkoo Lee
Jungho Yoo
TOOL
Illustrator
Figma
DURATION
Feb - Mar 2023