Building this portfolio as a product
Directing AI-assisted design and development around a clear communication goal.
Project brief
My work spans platform products, banking journeys, lending and go-to-market. I needed a portfolio that helps a first-time reader understand that range and explore the work behind it. I defined the audience and content structure, developed the visual direction through working options, and used AI tools to design, build and review the site before publishing it.
My role
I set the brief, selected the design direction, reviewed the content and interactions, and made the release decisions. AI tools supported design and implementation; I judged their output against the intended experience and my work records.
Key decisions
- 01
Give the homepage and project pages different jobs
The homepage introduces my work and the products I have worked on. Project pages explain the requirement, my role, the decisions and the outcome. Readers can scan first and choose where to go deeper.
- 02
Judge design through working options
I compared built layouts and motion treatments instead of choosing from descriptions. I developed the selected direction through desktop and phone reviews, using what I could see to decide what needed changing.
- 03
Separate making from checking
I used independent reviews to examine the content, implementation, accessibility, security and performance. Changes were checked before publishing, with work claims traced to records and client details kept private.
Outcome
Published the site with separate phone and desktop layouts and pages for professional and personal work, and I keep improving it from reader feedback.
AI and tools
Claude Design supported visual exploration, Claude Code supported implementation, and Codex provided independent reviews and content proposals. My role was to set direction, assess the results and decide what reached the site.
Get in touch.
Building something in FinTech, banking or consumer products? I’d like to hear about it.