Legato (Spigen)

Spigen의 프리미엄 골프 브랜드 Legato Golf 웹/모바일 사이트 리뉴얼을 주도하며, 사용자 중심의 플로우 설계와 프리미엄 브랜드 감성을 동시에 잡는 데 집중했습니다.

내 역할

UI/UX 디자인 (50%) / 사내 프로젝트

팀 멤버

송예나

작업 기간

2025년 3월–4월

사용 툴

Figma, Photoshop, Illustrator, Dall-e

Figma, Photoshop, Illustrator,
Dall-e

Figma, Photoshop, Illustrator,
Dall-e

Brand & Context | 브랜드 및 배경

레가토 골프는 퍼포먼스와 모던한 디자인을 기반으로 한 슈피겐의 프리미엄 골프 브랜드입니다. 골프볼을 넘어 다양한 장비와
액세서리로 제품 라인업이 확장되면서, 브랜드의 전체 제품군을 직관적으로 보여줄 수 있는 디지털 경험이 필요해졌습니다.

본 프로젝트는 제품 탐색을 더 쉽고 자연스럽게 만들고, 레가토의 브랜드 아이덴티티를 온라인 공간에서도 일관되게 전달하기
위해 시작되었습니다.

시작점 | 레가토 골프의 사용자 경험은 어떻게 개선할 수 있을까?

제품 라인업이 빠르게 확장되면서, 기존 웹사이트 구조는 이를 충분히 따라가지 못하고 있었습니다.
명확한 카테고리와 필터가 없어 사용자는 원하는 제품을 찾는 데 어려움을 겪고 있었고,
기존 사이트에서는 두 가지의 제한된 탐색 경로만 제공되어 다양한 제품을 자유롭게 둘러보기 어려운 구조였습니다.

이미지는 이전 웹 디자인 레이아웃 및 플로우입니다.

User Research | 사용자 조사

기존 레가토 웹사이트 사용 경험을 가진 실제 사용자 10명을 대상으로 1:1 인터뷰를 진행하고,
소셜 미디어와 리뷰 사이트를 함께 분석해 사용자들의 실제 사용 맥락과 불편 요소를 정리했습니다.

Key Insights | 핵심 인사이트

  1. 대부분의 사용자가 브랜드 소개나 콘텐츠를 거치지 않고, 바로 상품 목록 및 구매 단계로 진입하고 있었습니다.

  2. 필터 기능이 부족해 제품을 탐색하고 비교하는 데 시간이 오래 걸리고, 전반적인 탐색 과정이 답답하게 느껴졌습니다.

  3. 모바일 화면 구성 문제로 인해 주요 정보 확인과 조작이 불편해, 전반적인 사용성이 떨어지고 있었습니다.

Problem | 문제 정의

  1. 명확한 카테고리와 필터 구조가 없어 사용자가 바로 상품 목록 및 구매 단계로 유입되며, 브랜드를 이해하거나 제품을 비교하기가 어려운 흐름이었습니다.

  1. 모바일 환경에서는 제품 탐색과 비교 과정이 더욱 불편해, 전반적인 쇼핑 경험의 피로도가 높았습니다. 특히나 명확한 디자인 시스템이 없어, 사이트 전체의 일관된 경험을 전달하고 있지 못했습니다.

Objective | 목표

브랜드 경험과 제품 탐색 흐름을 함께 개선해, 사용자가 레가토의 전체 제품군을 더 쉽게 이해하고 선택할 수 있는
쇼핑 환경을 구축하는 것을 목표로 했습니다. 또한 모바일 환경에서도 동일한 수준의 사용성을 제공하는 데 초점을 맞췄습니다.

브랜드 경험과 제품 탐색 흐름을 함께 개선해, 사용자가 레가토의 전체 제품군을 더 쉽게 이해하고 선택할 수 있는 쇼핑 환경을 구축하는 것을 목표로 했습니다. 또한 모바일 환경에서도 동일한 수준의 사용성을 제공하는 데 초점을 맞췄습니다.

Final Design | 파이널 디자인

모바일

Final Design | 파이널 디자인

Design Process | 디자인 과정

  1. 사용자 여정 맵

  1. 경쟁사 분석 및 레퍼런스 체크

  1. 와이어프레임

  1. 현장 촬영 및 비주얼 디렉션

  1. 사용자 여정 맵

  1. 경쟁사 분석 및 레퍼런스 체크

  1. 와이어프레임

  1. 현장 촬영 및 비주얼 디렉션

  1. 디자인 개선 과정 (A/B 테스팅)

Design System | 디자인 시스템

주요 성과 지표 (결과)

위 수치는 리디자인 적용 후 45일간 수집된 데이터입니다.