Digital Design Portfolio by Lillian Li

Page 1


lillian li PRODUCT DESIGN BY BRAND &

DIGITAL DESIGN

lillian li

Recent Part 1 architecture graduate pivoting into UX/UI and graphic design, with a strong foundation in user centric design and visual storytelling. Experienced in branding, digital content, and design systems through freelance work and creative internships.

Photoshop

Illustrator

InDesign

Premiere Pro Figma Procreate

CAD & RENDERING

SketchUp

D5 Render

AutoCAD

Revit

Enscape

ADMINISTRATIVE

Microsoft Office

Bachelor of Arts (Hons)

Architecture

University of Sheffield

Freelance Brand & Product Designer

Self Employed

YouTube Content Creator

Focus on the Family Taiwan

Creative Copywriting Intern

Snow Fox Skincare

+44 788 308 1316

lillianli.studio@gmail.com

Sep 2024 - Present EDUCATION

Sep 2021 - Sep 2022 Jun 2021 - Sep 2021 2021 - 2024

Sheffield, UK LinkedIn (clickable)

architecture

The Unexpected Design (2025 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.

Concept Exploration of “Unexpected“

Typology Proposal

Grid System for Consistent Visuals
Animation Styling Proposal (Video Link)

ux/ui design

Lab Digital Workflow Interface

(2025)

+ Figma

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.

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

User Flow Diagram

Wireframe Iterations

Key Design Solutions (Create New Workflow Page)

collapsible task structure drag to reorder

search + dropdown boxes

drag-and-drop toolbox

consistent UI tone of neutral greys and status-indicating colours

(Overview Page)

expandable search bar to reduce clutter easy-removable filters

quick-access tabs

(Progress Monitoring Page)

completion tick detailed info gathered on the side customisable table

clear colour indication of individual task statuses at a glance

brand design

Private Chef (2025)

Chef Dawoud requested a logo that showcases his culinary expertise while reflecting his unique identity, ensuring it stands out in a competitive industry.

Following his preference for an elegant style that balances fine-dining professionalism with the warmth of a private home cook, I incorporated his distinctive features—his profile and signature knife—into the design. Paired with a bold font, the dark brown conveys sophistication and warmth, while the contrasting touch of lime yellow connects to his broad use of citrus in his recipes and cocktails.

d.Dawoud

With the logo setting the brand’s tone, I developed a comprehensive brand identity, including a business card and menu template.

Chef Dawoud’s refined brand identity leaves a lasting impression, attracting event hires and loyal customers.

photography

Private Chef Events (2024-2025)

Following our collaboration on his personal brand design, I joined Chef Dawoud on his private culinary events as photographer and content strategist.

Hair Salon Marketing Post (2025)

Artwork + graphic design + copywriting work for a hair salon’s seasonal promotion post. + Photoshop + Procreate

art & graphic Academic Project (2022

In my Architecture studies, we often worked on mock-projects based on assigned locations and themes. We would develop everything from user research, concept to structural designs and visual presentation.

I learned to form impactful graphic presentation through focal points, key words, colour schemes, and typology through these projects. Here are some of my manifesto designs, created with Photoshop.

- 2024)

architectural design Academic Project (2024)

Project: Glasshouse Studios.

A community sanctuary of leisure, crafts, and food in the town centre of Barnsley.

User Flow Chart + Photoshop + D5 Render + AutoCAD + Revit + Procreate + Enscape

Project Brochure

Ground Floor Plan

A thoroughly researched and iterative design process involving user and site analysis, brief development, mood boarding, concept exploration, drafting, model making, rendering, and final presentation.

Check out my architectural portfolio on Issuu:

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.
Digital Design Portfolio by Lillian Li by lillian_li - Issuu