Legato (Spigen)

Legato is Spigen’s premium golf brand. I led the end-to-end website revamp — from UX flow to visual design — to make product discovery easier and elevate the brand experience.

My Role

Product Design

Team Member

Yena Song

Timeline

8 weeks / March - April 2025

Tools

Figma, Photoshop, Illustrator, Dall-e

Figma, Photoshop, Illustrator,
Dall-e

Figma, Photoshop, Illustrator,
Dall-e

Brand & Context

Legato Golf is Spigen’s premium golf brand built around performance and modern design.
With a growing lineup of equipment and accessories, the brand needed a digital experience that
could clearly showcase its expanding ecosystem.

This project aimed to redesign the storefront to improve product discovery while
reinforcing Legato’s brand identity.

Legato Golf is Spigen’s premium golf brand built around performance and modern design. With a growing lineup of equipment and accessories, the brand needed a digital experience that could clearly showcase its expanding ecosystem.

This project aimed to redesign the storefront to improve product discovery while reinforcing Legato’s brand identity.

Legato Golf is Spigen’s premium golf brand built around performance and modern design. With a growing lineup of equipment and accessories, the brand needed a digital experience that could clearly showcase its expanding ecosystem.

This project aimed to redesign the storefront to improve product discovery while
reinforcing Legato’s brand identity.

How can we improve 

Legato Golf’s 

user journey?

As Legato’s product line grew, the site 

structure fell behind. Without clear 

categories or filters,
users struggled 

to find products.
The original Legato website supported only two primary user flows, limiting how users could explore
and discover products.

As Legato’s product line grew, the site 

structure fell behind. Without clear 

categories or filters, users struggled 

to find products. The original Legato website supported only two primary user flows, limiting how users could explore
and discover products.

As Legato’s product line grew, the site 

structure fell behind. Without clear 

categories or filters, users struggled 

to find products. The original Legato website supported only two primary user flows, limiting how users could explore and discover products.

User Research

I conducted one-on-one interviews with 10 actual users of the existing Legato website and thoroughly monitored social media and review sites to capture their real voices.

Key Insights

  1. Most visitors landed on product listing pages 

directly, skipping brand storytelling.

  2. Lack of filtering made browsing 

long and frustrating.

  3. Mobile layout issues reduced usability.

Problem

  1. Without clear categories or filtering, users were pushed directly into product listings, making it difficult to understand the brand and compare products.

  1. The mobile experience made browsing and comparing products difficult and frustrating.

Objective

Create a clear shopping experience 

for Legato Golf that tells a brand story, 

helps users
find products with ease, 

and works across devices, especially mobile.

Create a clear shopping experience 

for Legato Golf that tells a brand story, 

helps users find products with ease, 

and works across devices, especially mobile.

Create a clear shopping experience 

for Legato Golf that tells a brand story, 

helps users find products with ease, 

and works across devices, especially mobile.

Solution - Web

Solution - Mobile

Final Design

Design Process

  1. Information Architecture

  1. Competitor Analysis

  1. Wireframes

  1. Field Photography & Visual Direction

  1. Information Architecture

  1. Competitor Analysis

  1. Wireframes

  1. Field Photography & Visual Direction

  1. Design Iterations

Design System

KPI Metrics (Results)

Results measured within 45 days after redesign.