Digital Design Portfolio by Lillian Li

lillian li

UX & BRAND D E S I G N PORTFOLIO

lillian li

“

Hi, I’m Lillian. I’m a multidisciplinary digital designer with an academic background in architecture.

Carrying a passion for branding, emotional design, and human connection, I’ve been freelancing as lillianli.studio to gain handson experience as a UX & Brand designer since graduating. I aspire to become a digital designer who truly captures the essence and narratives of brands, companies, and creative individuals.

DIGITAL DESIGN SKILLS

CAD & RENDERING SKILLS

Photoshop

Figma

SketchUp

D5 Render

Illustrator

Procreate

AutoCAD

Enscape

InDesign

Premiere Pro

Revit

”

EDUCATION

Bachelor of Arts (Hons) Architecture University of Sheff ield

2021 - 2024

EXPERIENCE

Freelance UX & Brand Designer lillianli.studio

Sep 2024 - Present

YouTube Content Creator Focus on the Family Taiwan

Sep 2021 - Sep 2022

Creative Copywriting Intern Snow Fox Skincare

Jun 2021 - Sep 2021

CONTACT

+44 788 308 1316

Sheff ield, UK

lillianli.studio@gmail.com

LinkedIn (clickable)

ux/ui design

06

brand design

12

artwork & graphic

14

photography

17

The Unexpected Design Lab Digital Workflow Interface

Private Chef - D. Dawoud

Culinary Event Poster Hair Salon Marketing Poster Glasshouse Studios

Private Culinary Event Shoot

UX/UI Design

+Figma

T h e Un e xp e c t e d D e s i g n ( 2 0 2 5 W. I . P.) A current collaboration with Melissa J., founder of The Unexpected Design, to transform her website into a focussed digital portfolio that reflects both her creative versatility and mission. My role includes UX research, information architecture planning, and visual redesign to enhance readability, simplicity, and alignment with her brand identity. A key challenge is translating the core concept of “unexpected” into a user experience that feels intuitive and distinctive.

Original Website User Pain Points

CLIENTS

COLLABORATORS

Concept Exploration of “Unexpected“

DESIGN ENTHUSIASTS

Information Architecture Planning (Card Sorting)

User Flow Visualisation

Animation Styling Proposal (Video Link)

Typology Proposal

Grid System for Consistent Visuals

UX/UI Design

+Figma

L a b D i g i t a l Wo rk fl o w I n t e r f a c e ( 2 0 2 5 ) This was a time-boxed UX challenge completed as part of an interview process. The goal was to redesign a workflow interface for lab managers to improve usability and clarity, basing the UI on an existing design system.

Starting point: Provided with a component library and list of requirements—no screen design, user flow, or context on lab manager behavior. I led my own research first to bridge the gap before getting into the design.

User Flow Diagram

Wireframe Iterations

Key Design Solutions (Create New Workflow Page) To introduce new features and navigations to the interface, I scaled up the design system, adding in new component variants and interactions.

collapsible task structure

drag to reorder

New Workflo

v1

Publish

Workflow Info

Description

Edit Steps

Step 1

Type...

Placeholder title

1/3

Tags

Tag

Placeholder taty title

2/3

Placeholder taty title

3/3

Placeholder taty title

Tag New Task

Reference

Due at

00:00:00:00

Step 3

Placeholder title

Step

Placeholder title

Step

Placeholder title

Assign to

Step

Placeholder title

Final reviewer

Step

Placeholder title

Configuration access

Step ¤

Placeholder title

Step ª

Placeholder title

Step 1°

Placeholder title

Step 11

Placeholder title

Step 12

Placeholder title

Step 13

Placeholder title

Additional note

Type...

New Step

search + dropdown boxes

drag-and-drop toolbox

consistent UI tone of neutral greys and status-indicating colours

expandable search bar to reduce clutter

quick filter removal for personalisation

quick-access tabs (Overview

customisable table

Workflows

Page)

New Workflow Overview

Drafts

Filters

Starred

Sort

Review (1)

Active

Monitoring Page)

Will

Created at

Last modified

RBns

Alerts

v1

Active

02-01-2025

12:41:19 02-01-2025

12:41:19

0

0

Workflow

v2

Active

02-01-2025

12:41:19 02-01-2025

12:41:19

1

2

Workflow T

v1

Active

02-01-2025

12:41:19 02-01-2025

12:41:19

1

0

v1

StatBs

Last modifiedAssigned YX to

Reviewer

Progress

Not Started

In Review

02-01-2025

12:41:19 02-01-2025

12:41:19

1

0

Workflow I

v1

In Review

02-01-2025

12:41:19 02-01-2025

12:41:19

1

0

Workflow ¸

v1

In Review

02-01-2025

12:41:19 02-01-2025

12:41:19

1

0

Com½lete

Workflow G v1

In Review

02-01-2025

12:41:19 02-01-2025

12:41:19

1

0

Com½lete

Fields

Audit log

Workflow ¦

(Progress

In review

Workflow u

Title

Workflow A

v1

Steps

Info Step 1

Title

Placeholder title

1/10 Placeholder task title

Description

2/10 Placeholder task title

Step 2

Tags

5/10 Placeholder task title

8/10 Placeholder task title 9/10 Placeholder task title

Will

Date created

4/10 Placeholder task title

7/10 Placeholder task title

Document v1

Created by

3/10 Placeholder task title

Placeholder title

Tag

Document v1

Placeholder title

6/10 Placeholder task title

Tag

Referenced by

4/10 Placeholder task title

Step 4

Workflow G Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum

Placeholder title

3/10 Placeholder task title

Step 3

50%

Alerts

Pending

Nov 22, 2024, 1:20:40 PM

Last modified by

Tom

Date last modified

Nov 22, 2023, 3:09:48 PM

Date due

May 05, 2025, 1:20:40 PM

Assigned to Will

Final revie!er Note

Lorem ipsum

10/10 Placeholder task title

Configure

completion tick

detailed info gathered on the side

clear colour indication of individual task statuses at a glance

Brand Design

+InDesign

+Photoshop

+Procreate

+Illustrator

D. D awo ud ( 2 0 2 4 ) Chef Dawoud requested a logo that showcases his culinary expertise while reflecting his unique identity, ensuring it stands out in a competitive industry. He preferred a modern-elegant style that balances fine-dining professionalism with the warmth of a private home cook. I incorporated his profile and signature knife into the design, focussing on layering symbolism with the colour palette.

#b6b574

#2e251a

Bauhaus letterform: geometric, precise, and modern. Perfect for shaping the D’s negative-space logo.

Dark, roasted brown brings depth, warmth, and sophistication; light olive green adds freshness, citrus, and creative vibrancy.

Artwork & Graphic C u l i n a r y Eve n t Po s t e r ( 2 0 2 5 ) Another collaboration with Chef Dawoud, where I created the artwork, graphic design, and copywriting for an upcoming culinary event’s Instagram poster.

The poster’s brief was to be fresh and appetite-evoking while respecting the café’s brand identity (navy-andcream palette with minimal type).

+Illustrator +Procreate +InDesign

Artwork & Graphic

+Photoshop +Procreate

Ha i r S a l o n Ma rke t i n g Po s t e r ( 2 0 2 5 ) Artwork

+

graphic

design

+

copywriting

work

for

a

hair

salon’s

seasonal

promotion

長 假 末 尾，

舒 緩 放 一 鬆， 場

頭 皮 從 療 「頭」 程 開 SP 始。 A。 hairstalk 髮思物語

post.

Artwork & Graphic Glasshouse Studios (2024) In my Architecture studies, we often worked on mock-projects based on assigned locations and themes. We would develop everything from user and environmental research, concept development, to structural designs and visual presentation.

I learned to create impactful graphic presentation through focal points, key words, colour schemes, and typology through these practices. This is one of my manifesto poster designs, created with Photoshop.

Project: Glasshouse Studios A community sanctuary of leisure, crafts, and food in the town centre of Barnsley.

+Photoshop

Photography Pr iva t e C u l i n a r y Eve n t Sh o o t ( 2 0 2 4 - 2 0 2 5 ) Following our collaboration on his personal brand design, I joined Chef Dawoud on his private culinary events as photographer and content strategist.

Lillian Li 2024-2025