Patrick Lopes
Senior Product Designer + Frontend Developer | AI-Assisted
Ready for work
Patrick is ready for their next project!
Every product page decision has a job to do before someone ever reaches checkout. On the SeneGence PDP, the job was simple to state and hard to execute: help someone choose a shade with confidence.
That meant building the color swatch grid as the primary interaction, not a secondary detail, with limited edition tags called out clearly so nobody's disappointed after checkout. Related shades and complementary products show up right below, so discovery doesn't dead-end at one product.
On the listing page, filters had to hold up across dozens of SKUs. Mobile users get a filter drawer with chips for active selections. Nothing gets buried behind a menu they'll forget to check.
Case study here: patlopes.com/case/senegence-redesign
1
15
I've been sending a lot of outreach messages lately as part of my job search, and pretty quickly ran into the same wall every time.
Writing a good, personalized message was never the problem. The problem was everything before it: finding the right contact, pulling context on the role or company, checking if I'd already reached out, then logging it somewhere so I wouldn't lose track.
There was a lot of repetitive work standing between me and writing the message itself.
So I started building a small dashboard (React, Vite, deployed on Vercel) to handle the deterministic stuff. It looks up contacts, pulls the context I need, and tracks everything in Notion automatically. I pretty much just do the writing.
Still early and still just for me, but it's already saved a chunk of time I used to burn on busywork instead of actually reaching out to people.
#ProductDesign #BuildInPublic #JobSearch
9
13
534
Almost 100K redemptions. 40K+ unique customers. Average of 2.3 plans per person.
That's what happened when we gave Straight Talk prepaid customers a short-term bridge instead of forcing a full monthly commitment they couldn't afford.
The flow sounds simple. Pick the plan, see clear pricing, know exactly what happens when it expires. But getting there meant working through eligibility rules, cross-channel consistency across web and app, and messaging that had to land for stressed out customers.
The prototype in this video was one step in that process. Full case study at patlopes.com (http://patlopes.com).
1
99
I built my portfolio from scratch using Claude Code and I'm genuinely proud of how it turned out.
As a designer who can code, I wanted something that actually reflected that. So instead of a template, I built it myself with a little help from AI.
A few things I'm proud of:
The whole thing is custom built, no Webflow, no Squarespace
Claude Code helped me move fast on this one. It gave me full control over every interaction and detail
Check it out at patlopes.com (http://patlopes.com) would love to hear what you think.
1
174