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. 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. I took full ownership of the project across all stages, from research and design to execution, making numerous design decisions that optimized key user touchpoints.

APTNER pass is a service embedded within APTNER's app, designed to help residents reserve communal activities and amenities in advance. 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. I took full ownership of the project across all stages, from research and design to execution, making numerous design decisions that optimized key user touchpoints.

PROBLEM

PROBLEM

APTNER and APTNER pass have distinct visual interface designs, resulting in an inconsistent user experience.
APTNER and APTNER pass have distinct visual interface designs, resulting in an inconsistent user 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.

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.

user interface

Home

Commuity

user interface

Home

Commuity

user interface

Home

Program Reservation

Room Reservation

Seat Reservation

Cafe Order

SOLUTION

SOLUTION

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.
Design System Implementation Process.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.

DESIGN CHOICES

DESIGN CHOICES

Overall implementation of the design system into APTNER pass.
Overall implementation of the design system into APTNER pass.

After development of the design system, I applied it to v2.0 of APTNER pass design. The UI style of APTNER pass resonates with that of APTNER, bridging APTNER users with APTNER pass services.

After development of the design system, I applied it to v2.0 of APTNER pass design. The UI style of APTNER pass resonates with that of APTNER, bridging APTNER users with APTNER pass services.

↓ ↓ ↓

↓ ↓ ↓

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

TAKEAWAY

TAKEAWAY

Impact.
Impact.

The implementation of the design system for a more cohesive experience across both APTNER and APTNER pass app has proved 100% user preference and satisfaction rates upon user testing 10 peers.

Sabin K.

APTNER service user

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?

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

Jan - Mar 2023