Home/ Case Studies/ Yitian Li
Framer UX Portfolio Design & Personal Brand Strategy

Yitian Li

yitian-li.com

“Designing systems that simplify complexity into human-centered experiences.”

Start Designs built a Framer portfolio for Yitian Li, turning her UX and product design experience into a clear personal brand system.

With experience across global tech companies and research-driven environments, she needed more than a portfolio and a structured way to present her thinking, process, and impact.

The result is a narrative-led portfolio that connects work, design philosophy, and career journey into one cohesive experience.

UX Portfolio Design Framer Website Development Personal Branding Strategy Product Design Portfolio Information Architecture Mobile-First Experience Design Storytelling System
+
Global Tech Companies Featured
+
Years of Design Experience
+
Structured Case Studies

%
Responsive Framer Build
Quick Deliverables

Everything we built for Yitian Li’s UX Portfolio

A Framer-powered portfolio system designed to structure multidisciplinary UX and product design experience into a clear, scannable personal brand presence.

Portfolio Design

Framer UX Portfolio Design

A responsive Framer website built to showcase UX case studies, product design work, and professional experience in a clean, structured layout focused on clarity and readability.

branding

Personal Brand Story Strategy

A narrative system designed to position Yitian’s multidisciplinary experience into a single coherent story across UX, product thinking, and systems design.

case-study

Case Study Architecture System

A consistent framework for presenting projects with context, process, decision-making, and outcomes, making complex design work easy to scan and evaluate.

Information

Information & Content Structure

A clear hierarchy connecting profile, design philosophy, selected work, and impact, optimized for fast understanding and recruiter-friendly navigation.

mobile first

Mobile-First Conversion Flow

A fully responsive experience designed for mobile users, ensuring smooth readability, quick scanning, and frictionless contact access for opportunities.

Project Overview

Turning a complex career into a clear digital narrative

“Yitian’s experience spans UX design, product thinking, and systems-level problem solving across multiple organizations.”

The challenge was to present this depth without overwhelming the user.

Instead of listing work, the portfolio was designed as a guided experience, helping users understand not just what she has done, but how she thinks.

Each section builds context progressively, moving from professional identity to design philosophy and then into selected work.

image
The Challenge

Simplifying complexity without losing depth

Yitian’s experience spans multiple domains, tools, and design environments. The challenge was not a lack of content; it was clarity.

1

Challenge 01

Defining a unified professional identity

The portfolio needed to clearly communicate what Yitian stands for as a designer—beyond job titles and company names.

2

Challenge 02

Structuring diverse experiences

UX research, product design, and systems thinking needed to coexist without creating visual or narrative fragmentation.

3

Challenge 03

Making case studies scannable

Recruiters spend limited time on portfolios. Each project needed to communicate value within seconds while still supporting deeper exploration.

4

Challenge 04

Highlighting decision-making, not just visuals

The focus had to shift from surface-level UI shots to reasoning, trade-offs, and design logic.

5

Challenge 05

Creating a consistent mobile experience

The portfolio had to remain equally powerful on mobile devices where most initial views happen.

The Brief

What we set out to build

A Framer-powered UX portfolio website that transforms a multidisciplinary design career into a structured, narrative-driven personal brand platform.

Client
Yitian Li
Industry
UX Design, Product Design
Platform
Framer
Service
Portfolio Website Design & Development
Scope
UX Strategy, Design System, Development, Content Architecture
Goal
Build a clear, credible, and modern UX portfolio experience
Our Approach

Designing clarity through structure and storytelling

Every decision was made to reduce cognitive load and improve how quickly a viewer can understand Yitian’s expertise.

01

Narrative-first structure

The portfolio follows a guided flow: identity → thinking → work → outcomes → contact.

02

Systems-based architecture

Information is organized to match how hiring teams evaluate designers.

03

Context-driven case studies

Each project emphasizes problem, constraints, decisions, and results.

04

Minimal visual noise

Typography and spacing lead the experience instead of heavy visuals.

05

Trust-focused design

Experience signals and structured content build credibility without exaggeration.

image
The Outcome

A clearer portfolio presence for a UX product designer

The final Framer website turns Yitian Li’s design experience into a clear, structured, and engaging portfolio system. It presents her work, thinking, and career journey as one connected personal brand experience.

“Visitors can quickly understand Yitian’s design approach, explore her case studies, and see the thinking behind each product decision.”
Start Designs on the Yitian Li portfolio project.
100%
Responsive Framer Build
Smooth, readable, and fully optimized across desktop, tablet, and mobile screens.
6+
Structured Case Studies
Projects organized with clear context, process, decisions, and outcomes for quick evaluation.
5+
Key Portfolio Outcomes
Positioning, storytelling, scannability, decision visibility, and future scalability are all shaped into one system.
01

Clearer Professional Positioning

The portfolio communicates Yitian’s role as a systems thinker and product designer with clarity, confidence, and credibility.

02

Improved Content Scannability

Recruiters and viewers can quickly understand her experience, skills, and selected work without cognitive overload.

03

Stronger Narrative Flow

Instead of showing projects as isolated pieces, the portfolio presents a connected design journey across experience, philosophy, and impact.

04

Better Decision Visibility

Each case study highlights design thinking, trade-offs, reasoning, and product logic, not just final visuals.

05

A Scalable Framer Portfolio System

The Framer Foundation makes it easy to add new projects, update content, and keep the portfolio consistent as Yitian’s career grows.

Build a portfolio that reflects your real design value

We help designers and product professionals transform experience into structured, high-impact Framer websites focused on clarity, credibility, and conversion.

thank-you

Thank you!

We’ve got your request and will be in touch soon with your quote. We’re excited to work with you!

Scroll to Top