PrimaryGhost
radius/md · 8space/4 · 16
01 · Systems
Design systems
Tokens, components and variants in Figma that engineers can build from directly, with auto layout and documented states.
Frame 1 · Hero / 1440 × Auto
Rinn S.
Alvarez
UI / UX Engineer · 10 yrs
Open to projects
✦Design + AI
Frame 2 · Specialties
What I design
Four disciplines that share one habit: start from structure, then make it beautiful.
02 · Marketing
Banners & ad sets
Web, social and display banners built as a resizable family, from the leaderboard down to the mobile tile.
03 · Identity
Logo vectors
Clean, scalable marks drawn in Illustrator with tidy anchor points, built to read at 16px and on a billboard.
00:0000:1500:30
04 · Motion
Video editing
Product walkthroughs, social reels and promo cuts edited in Premiere Pro and CapCut, paced for each platform.
Frame 3 · Process
How a design comes to life
My standard workflow from first conversation to shipped product. Every stage has a human decision at its center, with AI speeding up the work around it.
Understand the problem
Talk to stakeholders and users, audit what exists, and agree on what success looks like.
✦ AI assistSummarize interviews and competitor research in minutes.
Map the experience
Turn findings into personas, user flows and a clear information architecture.
✦ AI assistCluster feedback into themes to spot patterns faster.
Sketch & wireframe
Explore layouts quickly in low fidelity before committing to visuals.
✦ AI assistGenerate visual directions and layout variations to react to.
Build the system & UI
Set tokens, components and variants in Figma, then compose high-fidelity screens.
✦ AI assistDraft microcopy and placeholder imagery that fits the brand.
Demo & test
Link screens into clickable prototypes and recorded walkthroughs for testing and sign-off.
✦ AI assistAuto-caption and cut demo videos in CapCut and Premiere Pro.
Hand off & iterate
Ship dev-ready specs, assets and banners, then measure and refine after launch.
✦ AI assistResize banner sets and check specs for missing states.
Then the loop repeats: test results and user feedback feed the next round of discovery.
Frame 4 · Toolkit
Tools I work in
The same set every day, chosen for the job rather than habit.
Fg
FigmaUI, systems, prototypes
Ps
PhotoshopCompositing, retouching
Ai
IllustratorLogos, vector art
Pr
Premiere ProLong-form editing
Cc
CapCutReels, quick cuts
✦
AI toolsIdeation, assets, copy
Frame 5 · Presentation demos
Demos & walkthroughs
I present work the way it will be used: clickable prototypes and narrated recordings that stakeholders can follow without a designer in the room.
02:40Figma prototype
Design system walkthrough
Tokens, components and how variants map to code, presented to the engineering team.
01:15Interactive demo
Mobile app onboarding flow
End-to-end prototype with micro-interactions, used for user testing and sign-off.
00:45Premiere Pro
Campaign launch reel
Banner set and motion cutdowns shown together as one campaign story.
03:10Narrated deck
AI-assisted redesign case
Before and after of a dashboard redesign, showing where AI sped up exploration.
Frame 6 · Now exploring
AI in the workflow
Recently I have folded AI techniques into day-to-day design work. It handles the volume; I keep the judgment.
moodboard.prompt
soft editorial banner, rose and blush, clean sans type, room for headline at left, 1200×628
4 directions · refined by hand in Figma
- Faster explorationGenerate many visual directions early, then pick and refine the strongest by hand.
- Asset productionAI-assisted image cleanup, background extension and upscaling inside Photoshop.
- Video speed-upsAuto captions, scene detection and smart cuts in CapCut and Premiere Pro.
- UX writing & researchDrafting microcopy and summarizing user feedback before design reviews.
Frame 7 · Contact
Let's design
something together.
Open to product design, design system and creative work. Send a brief and I'll reply with how I'd approach it.