Visual design

Design that makes sense at a glance.

Icon systems, event identities, data stories, motion, and illustration. The same instinct runs through all of it: find what matters, then make it impossible to miss.

ToolsAdobe IllustratorAfter EffectsPremiere ProFigmaCanva

01 · Icon system

Badges for the UMSI Exposition

A family of six category badges for the University of Michigan School of Information's annual poster fair, used on hundreds of student posters and in event promotion.

View full size ↗

The brief

Create badges that help visitors and judges spot each poster category at a glance, feel celebratory, and sit alongside the Exposition's existing graphics.

What I designed for

Recognizable from across a crowded room
Six badges that clearly belong to one family
A simple version for small sizes and a detailed version for posters

Palette

BlueMaizeA2 AmethystUMMA TanAngell Hall AshMatthaei Violet

Type

Avenir Next Condensed. Condensed width fits category names around a small circle without crowding.

System

12 × 12 base grid, centered icons, a 30% text zone, and a consistent 3 pt stroke.

Process

02 · Editorial and social

The Guindy Times: Get placed with GT

A LinkedIn and Instagram carousel series for the campus newspaper, turning a student's placement journey into a step-by-step guide through each interview round.

View full size ↗

What I designed for

A dense guide broken into one idea per slide, so it reads in a quick scroll
A consistent template so every post in the series is instantly recognizable
Progress dots on each slide, so readers always know where they are

03 · Motion

FootStep: an app promo film

An 84-second promo for FootStep, an app concept that nudges people working from home to step outside. The story moves from the problem to the product in under a minute and a half.

Opens with the problem: working from home quietly removed the walks, stairs, and commutes from our day.

Backs it with data on weight-loss difficulty and cholesterol, so the stakes feel real.

Ends on the product: pick a place within a 15-minute walk, and connect with friends to stay motivated.

Micro-animations

View full size ↗

Order tracking

View full size ↗

Cart and checkout

View full size ↗

Table reservation

04 · Data storytelling

Same data, two stories

One dataset on unmet social needs, designed twice. The first, inspired by modernism, makes the numbers easy to compare. The second, inspired by postmodernism, makes you feel what they mean.

Modernist, — Modernist. Bold proportional blocks so the biggest need, social isolation at 50%, reads first.

Postmodernist, — Postmodernist. Torn paper, people, and city textures turn each statistic into a lived experience.

05 · Illustration

Illustration, logos, and posters

Smaller pieces from classes, clubs, and side projects. Filter by type, and click any image to see it full size.

City skyline, Day — IllustrationCity skylineOne city, two moods.

City skyline, Night — IllustrationCity skylineOne city, two moods.

A caricature of me, Illustration — IllustrationA caricature of meA flat vector self-portrait, drawn from a photo.

A caricature of me, Photo — IllustrationA caricature of meA flat vector self-portrait, drawn from a photo.

IconsInclusive restroom signageSigns for a gender-neutral, accessible restroom with a baby changing station.

Logos & letteringCity RhythmA skyline that doubles as a guitar.

Add an image in the properties panel

Logos & letteringLP monogramMy initials, LP, morphing into a "Hi!"

View full size ↗

Logos & letteringZTK logoIt was designed for a fellow startup

Logos & letteringSTOP!Comic-style lettering.

The Resin Street, Final — Posters & socialThe Resin StreetAn Instagram sale post. The final used brush strokes to mimic resin.

The Resin Street, First draft — Posters & socialThe Resin StreetAn Instagram sale post. The final used brush strokes to mimic resin.

Posters & socialInternational Day of HappinessA post for The Guindy Times, with happy habits woven into the background.

E for Educate, One — Posters & socialE for EducateA campaign poster for an e-waste collection drive.

E for Educate, Two — Posters & socialE for EducateA campaign poster for an e-waste collection drive.

Posters & socialEditor's noteA magazine page with a pinned-paper look.

Add an image in the properties panel

Posters & socialTech profileA profile card in a circuit-board style.

Posters & socialHoliday greetingAn animated Christmas card for The Guindy Times.

06 · Event identity

IMPRINT 2023: Future Redefined

The visual identity for IMPRINT, a national-level technical symposium run by the Society of Printing Engineers at College of Engineering, Guindy. One wordmark carried across posters, sponsor boards, team T-shirts, and certificates.

View full size ↗

The idea

Every letter is built from something our field makes: book pages in the M, a folding carton in the P, a paper roll in the R, an inkjet nozzle in the !, corrugated board in the N, and CMYK ink in the T.
One wordmark, adapted across print sizes from a T-shirt chest logo to a large sponsor board.
[Add your role, e.g. design lead for the symposium.]

07 · Infographic

Fabric to digital experience

A visual story of my summer internship: how sarees and ethnic wear came alive on YouTube. I designed the infographic as a video player, with each chapter on the timeline: product, the gap, experiments, analytics, and the system.

TrustCuriositySerenity

View full size ↗

How I got there

View full size ↗

Moodboard

View full size ↗

Color and type

View full size ↗

Emotions

08 · Sketch to final

Bisociation: two ideas, one object

An exercise in combining two unrelated things into one. Pages of pencil thumbnails narrowed down to a banana that's also a fish, a cat that's also a rocket, and a mango built from cubes.

View full size ↗

Thumbnails, round 1

View full size ↗

Thumbnails, round 2

View full size ↗

Refined sketches