Laney Nguyen Portfolio

Currently M.A. Design candidate at San Francisco State University
Previously Front-of-house and Social Media Coordinator at Russell’s Bakery and Graphic Design Officer at Indigo Magazine, UT Dallas

San Francisco, CA

what i design for

graphic design:
editorial / branding / product

want to see?

editorial · spring 2024

Reminiscence

A 6-page editorial for UTD Indigo Magazine's Reminiscence issue: a grungy, girly look back at a punk rock girl group.

My role
Graphic designer: all graphic elements and spread layouts
Team
Veena G. (photography), Minuki M. (writing)
Editors-in-chief
Bruno V., Keon O.
Models
Jamie L., Maserati C., Kayla L., Sreya I.
Timeline
8 weeks; issue released May 2024
Format · tool
6 pages, A4, magazine paper · Figma
Spread 1: red-tinted photo grid captioned remember when we were in a band, beside Minuki's poem ya know what i miss
Spread 1, pp. 1–2 · Opening. Hero group photo and Minuki's creative writing on reminiscing about the past and friendship.
Spread 2: We are Crimson Rose, four members cut out in black and white over red
Spread 2, pp. 3–4 · The members. Member portraits introducing who Crimson Rose is.
Spread 3: photo collage reading now that we're older, beside photobooth strips and a handwritten setlist
Spread 3, pp. 5–6 · The memories. A collage of happy moments and a setlist keepsake, a nod to the songs the girls played in the garage.

Context

The issue's theme was “Reminiscence: boulevards of dreams and memories.” Our team answered it with Crimson Rose, a punk rock girl group looking back on its glory days. The challenge was to make three media, graphics, photos and writing, read as one story across three spreads.

Process

Research and moodboards. I worked from three layers of reference: the moodboard from Indigo's pitch meeting, a shared group moodboard and my own.

Designing by iteration. I don't sketch first; I keep moving elements in Figma until the composition fits. I dropped magazine cut-out letters: they added too much color, and once the palette narrowed to red and black they looked flat.

Type exploration. I tested handwritten faces including Sacramento, Passions Conflict, Just Me Again Down Here, Long Cang and Mr Dafoe, then chose Homemade Apple and paired it with Arial.

Shoot day. Veena shot in an on-campus apartment at UTD that we dressed to feel grungy and girly. The models had the palette ahead of time, and we brought extra props and accessories.

Feedback rounds. Review led to two changes:

  1. I cut the colors back to a monochrome red, black and white system, with pink as the only accent.
  2. I filled in and added white space to balance each composition.

Key decisions

  1. Contrast where it counts. Text readers need has high contrast with its background; other text works as texture and pattern.
  2. Red overlays for cohesion. They tie the photos into one palette and add color without pulling focus from the layout.
  3. Layers and drop shadows for depth. Stacked elements give the collage a physical feel, like keepsakes laid on a table.

Results

50
people at the launch party
150
copies printed and distributed
358
website views (site no longer live)
2 wks
issue run after the May 2024 release
“Feels like how I'd imagine a grungy girl rock band would look.”
“I like the collage. It looks really cool.”

What readers said.

Reflection

I now understand composition better, especially how to mix editorial and collage styles so a design feels personal without straying far from classic layout. I also learned how grids and spacing drive legibility.

With more time, I would rework the last spread. The idea was there, but the composition felt messier and less organized than the other two.

social · 2 weeks

Russell's Bakery Instagram

Three Instagram posts for a neighborhood bakery in Austin, Texas, giving its feed a rustic, homey look built on real product photos and hand-drawn line work.

Client
Russell's Bakery & Coffee Bar, Austin, TX
Role
Graphic designer
Tools
Figma, Adobe Photoshop, Adobe Firefly
Deliverables
3 feed posts, 1080 × 1350 px (4:5)
Status
Designed and finished; not posted
Welcome to Russell's: white line drawing of the Hancock storefront on espresso brown, with Pull up a chair

welcome in

A line drawing of the Hancock storefront (awning, logo badge, double doors and topiaries) that works as both illustration and logo.

Pick something from the case: cut-out pumpkin muffin on mauve with handwritten notes and arrows

from the case

A cut-out pumpkin muffin with a soft shadow. Handwritten notes like “golden edges” read like a note from the counter.

Fresh baked: four cut-out pastries bleeding off the edges over repeated fresh baked type on cream

fresh baked

Four pastries bleed off the edges over a repeated type pattern: the most editorial of the three, adding texture to the grid.

Goals

Russell's is a locally owned bakery, coffee bar and cafe with three Austin shops, and it pitches itself as a gathering place for the community. The posts make that neighborhood warmth come through in the feed.

  • Welcome people in. Introduce the shop itself through its Hancock storefront.
  • Make the case the hero. Show real pastries up close so followers want to come pick one.
  • Look like one brand. A small, repeatable set of fonts, colors and elements so posts read as a series.

Audience & tone

Austin locals: regulars, neighbors and anyone nearby looking for coffee and a pastry. The voice is warm, short and neighborly, like talking to someone behind the counter: a bold serif headline plus one handwritten phrase per post. No glossy stock imagery, no emoji, and no claims the shop hasn't confirmed.

System

Fraunces Bold in uppercase for headlines and product names, and a custom handwritten font for one short note per post. Three colors:

Espresso #262320Dark ground, line work. White text 15.6:1.
Cream #E2DAC8Light ground. Espresso text 11.3:1.
Mauve #855252Product posts. White text 6.3:1.

Recurring elements: real pastry photos cut out from their plates, rustic hand-drawn line work and arrows, and soft drop shadows that ground each cut-out.

Process

  1. Research (week 1). Reviewed the shop's website, storefront, signage and Instagram to define the rustic direction.
  2. Design system (week 1). Chose the two typefaces, narrowed to three colors, set rules for line work and shadows.
  3. Illustration (week 1). Drew the Hancock storefront as line art, true to the real awning, badge and topiaries.
  4. Photo prep (week 2). Cut pastries from their backgrounds and added shadows in Photoshop.
  5. Layout (week 2). Built the posts in Figma at 1080 × 1350, checked them at phone size, refined copy and spacing.

Status

All three posts were finished but never published, because I moved to San Francisco for school before they could go live, so there are no engagement results. What they show is a repeatable small-business social system the shop could keep using without a designer.

product · fall 2026

ledge

One renter's cluttered bedside sparked a solid maple nightstand built to hold almost nothing: a lamp, a diffuser, a phone and a plant.

Course
DES700 Seminar in Design Research, SF State
Role
Solo designer: research, ideation, CAD, branding
Tools
Autodesk Fusion, Blender, Claude
Size
30 × 16 × 18 in
ledge beside a low bed: lamp and phone on top, diffuser in the cubby, plant on the ledge

The problem

Most nightstands sell on how much they hold. My persona, Jayden, 28, a software engineer in San Francisco, furnished his apartment with whatever was cheap. A journey map of his week showed three low points: reaching behind the bed frame to charge his phone, forgetting to water his plant, and a nightstand that clashes with his room.

My competitive analysis covered 9 nightstands from $14.99 to $239.99. The market adds storage, so ledge takes it away: Jayden asked for no drawers, solid wood and a small screen.

Sketching

Four rounds of sketches turned a box into one stepped form. I started at “it's a box” and kept adding shelves until I flipped the question: what if the form refused clutter? One rule, flat top and flat bottom, led to a tall block that steps down to a low ledge.

Four sketch pages: boxes and anti-clutter, stacks and lattices, organic profiles, and the final stepped form
Boxes and anti-clutter → stacks and lattices → organic profiles → the final stepped form.

Every feature removes a frustration

Line drawing of ledge with lamp and phone on top, diffuser in the cubby, plant on the ledge
Design choiceWhy
Low ledge for a 6 in potKeeps the plant in sight, so he waters it
Bed-facing screenShows hours slept, next alarm, plant reminder
Two USB-C portsBrings charging to the bedside
Open cubby, no drawersNowhere for clutter; the diffuser lives here
Maple, 80° · −70° · 50° profileSolid wood with character that matches his room

CAD & brand

I modeled ledge in Autodesk Fusion and documented it in a detailed drawing. Named after its defining feature, the brand carries maple, ink and leaf colors and one line: “A nightstand for four things.”

Fusion detailed drawing DWG-01 of ledge with side, front and isometric views and dimensions
DWG-01, the detailed drawing from Fusion.
ledge holding a potted plant with a diffuser in the cubby, beside a low bed
Rendered in Blender.

Outcome

Each of Jayden's frustrations, wants and needs maps to a feature, and ledge is the only option in my scan with solid wood and a screen. Still unproven: it hasn't been tested with users or measured in a real bedroom.

Reflection

I came in designing screens and left designing an object, with one habit: let one person's needs decide every feature.

  • Start with needs. The journey map showed what Jayden actually struggled with: charging out of reach and a plant he forgot to water. Each became a feature.
  • Listen to wants. He asked for no drawers, solid wood and a small screen, even though the market sells the opposite. I designed for his list, not the category's.
  • Design for aspirations. Beyond function, he wanted a room that felt like his. The maple and the stepped profile give him a piece he's proud to have, not just one that works.

Next: a scale prototype, a screen test from bed, and a fit check in a real bedroom.

ux & product

More work

Jun – Jul 2026 · Independent
Task inbox widget with an unsorted capture list and sorted database inboxes

Notion Task-Sorting Widget

manage tasks easier

A persistent, collapsible floating widget with a capture inbox and per-database sorted inboxes, built around drag-and-drop. Round 1 findings collapsed a two-step filing model into one accessible step, validated with a heuristic evaluation, then handed off with a complete engineering doc.

40+participants 76.7SUS score
Jan 2025 – Aug 2026 · Case study
Melo mood check-in: the home screen beside an enlarged How are you today card with mood characters and colors

Melo Journal

mood & music

A complete visual and interaction design system, from components and spacing to motion, for a mood-and-music journaling app. I created a lyric-annotation pattern that connects personal reflection to music, and sourced lyric data through licensed APIs rather than reproducing copyrighted text.

3iterations 107hi-fi wireframes
Spring 2025 · ATCM 3395, UT Dallas
Arduino IDE showing the sketch that reads each force sensor and maps it to LED brightness

Artificial Bioluminescence

light at a touch

A touch-reactive light grid under a squishy slime topper. Handmade foam-and-graphite force sensors read pressure, and an Arduino Mega turns it into a glow that follows your hand across the surface.

24LEDs 24handmade
pressure sensors

out & about

Events & workshops

SF State Schedule Studio: the Degree Progress Report step, with upload and manual entry options
SF Hacks × GDG · Oct 2026

SF State Schedule Studio

A hackathon build for planning SF State course schedules with support from Gemini. Students upload a Degree Progress Report or enter their program by hand to see which requirements are left.

October hangout flyer for MA in Design Cohort 28: pumpkins and black cats on orange gingham, Oct 18 at Alamo Square Park
MA in Design Cohort 28 · Oct 2026

October cohort hangout

An afternoon with my SF State M.A. Design cohort at Alamo Square Park, with food, painting and time in the sun.

Flappy Kiro: a small ghost flying between green pipes on a painted blue sky
AWS Kiro workshop · Sep 2025

Flappy Kiro

An introduction to Kiro, where I wrote a spec for a retro, browser-based endless scroller and built it: tap or press space to flap Kiro the ghost through the pipes, with a high score saved in the browser.

Laney smiling in a white dress and orange graduation stole

hi, i'm laney

San Francisco State UniversityM.A. in Design · expected 2028Thesis focus: accessibility, social good and building community
University of Texas at DallasB.A. in Arts, Technology, and Emerging Communication · 2025Art focus · GPA 3.54

About

I'm a visual and graphic designer, and an M.A. Design candidate at SF State.

I've grown from designing for a university magazine, to making marketing graphics for a local bakery, to teaching Adobe tools as an Adobe Student Ambassador. My work combines real-world design for businesses and publications with research-driven branding and object design, across layout, typography, art direction and motion.

  1. Adobe Student AmbassadorAug 2026 – present
    San Francisco State University · San Francisco, CA

    Selected to represent Adobe on campus. I plan and host workshops and events that teach SFSU students Adobe Express through live creative-tool walkthroughs, explaining creative choices to peers with mixed experience levels.

  2. Front of House & Marketing DesignerDec 2025 – Jun 2026
    Russell's Bakery · Austin, TX

    Served customers and handled orders through busy periods, and designed social media and marketing graphics for the bakery: my first real-world design work for a business.

  3. Graphic Design OfficerAug 2023 – May 2025
    Indigo Magazine, University of Texas at Dallas · Richardson, TX

    Designed 7 spreads and graphics across 4 issues with a consistent layout and type system, translating editorial themes into visuals with editors, writers and photographers. Planned on-campus launch parties averaging 50+ guests and distributed 300 physical copies.

design
Graphic design, layout & typography, art direction, branding, visual systems, photo compositing, motion design
tools
Adobe Photoshop, Illustrator, After Effects, Adobe Express, Figma
emerging tech
AI-assisted prototyping, addressable-LED physical computing
certified
Oracle OCI AI Foundations Associate

say hello

Tell me about the thing you're making

laneymnguyen@gmail.com