Real designers, interviewed at length about their own practice, reduced to the one decision each made that would transfer to someone else’s profile page — and a line in their own words, checked against the interview.
Andrea Jelić — independent web design and art direction practice
Problem Working solo across many industries, she needs a repeatable way to make each client's own visuals carry the site rather than inventing a new look each time.
Move Direct the photo and video shoot first, then build the design direction on top of that material. For the Zagreb tattoo studio she art-directed the shoot, then used those photos as the foundation of the layout.
Cost Depends on client budget for original photography; without it the typographic layout has to do all the work.
We collaborated on art direction for the photo shoot, video, and photo materials, which I used as the foundation for the design direction.
Read the interview
AI model Inc. website
Problem A single-page site had to carry many immersive animated sections without the motion drowning out the message.
Move Sketch the animation for every section yourself before handing to developers, then tune motion with them section by section so each movement carries a message rather than decoration.
Cost A long balancing process between animation and message delivery.
We spent a lot of time finding the right balance between animation and delivering messages, ensuring that every motion looks beautiful and meaningful at the same time
Read the interview
OPRIL artistic garments e-commerce (concept)
Problem Client needed impactful store visuals the same day, with no budget for assets.
Move Build the whole store concept from free-only inputs: free fonts, AI-generated product imagery, Figma for layout, Jitter for motion, Framer to publish — moodboard to animated pages in about four hours.
Cost Speed and free stock mean generated imagery stands in for real product photography.
this show work was done using only free resources to present how something engaging and visually striking can be achieved without any investment
Read the interview
Serhii Polyvanyi / BL/S® concept work (W@W, Clothes_X, Without Face)
Problem How to keep a loud, high-contrast concept site atmospheric without the effects fighting each other or drowning the product.
Move Hold the palette to three colours (white, black, orange) and let light on black material do the depth work. Push intensity through Difference/Exclusion blending and animated noise, then keep decorative micro-animations deliberately plain so the atmosphere stays readable.
Cost Motion budget spent on custom easing and timing — over ten bespoke timings per project.
I incorporated micro-animations in the decorative elements, ensuring they remain simple and do not overwhelm the already intense atmosphere.
Read the interview
Eva Sánchez portfolio
Problem A designer's own site had to stand out among interactive portfolios without becoming an effects showreel with no structure.
Move Fix one hierarchy rule first — typography leads — then add a single signature effect derived from one visual idea (fractal/liquid reflection) applied to hover states over a clean grid.
Cost "Designing this portfolio was a challenge" — the look came from repeated tests rather than a settled plan.
from the beginning, the focus was clear: typography had to take center stage
Read the interview
ETRO Home textiles site (Dentsu Creative Italy)
Problem A large homeware textile collection risked overwhelming visitors if shown as a flat catalogue.
Move Turn catalogue browsing into a play object: swipeable textile "cards" plus 3D fabric animation on landing, built with a motion designer and creative developer rather than as static grid pages.
Cost </antml with:parameter>
<parameter name="quote">The main challenge was presenting the extensive collection in an engaging way without overwhelming visitors.
The main challenge was presenting the extensive collection in an engaging way without overwhelming visitors.
Read the interview
MisterPrada — self-taught WebGL/shader work
Problem A backend developer who hated CSS wanted visible, expressive work but couldn't read shader math or build 3D from scratch.
Move Skip broad frontend entirely and specialise in one niche nobody else will sit through hours of video to learn — shaders and 3D effects — then release personal fan projects (Naruto, WoW) as the proving ground for each new technique.
Cost Years of copying instead of thinking; borrowed code got some projects flagged for copyright, and credit for effects disappears through layers of subcontracting.
In commercial development, I focus on solving niche problems—problems other developers won't spend hours watching videos to figure out.
Read the interview
Rogier de Boevé's own portfolio site
Problem A freelance developer whose client work is always shaped by someone else's brand needed a site that showed his own point of view.
Move Design and build it alone, with no client or team to adapt to, and treat it as the one place where the artistic direction is unfiltered.
Cost No outside brief or collaborator to check the ideas against.
my portfolio was a chance to take full creative control from start to finish
Read the interview
Skincare e-commerce passion project (with Abhishek Jha)
Problem A floating, parallax-heavy product layout risked pulling attention away from buying.
Move Keep the parallax and floating elements subordinate: let small micro-interactions carry the visual interest, and spend the biggest motion budget on one moment — the transition into the product detail page.
Cost </antmlःparameter>
<parameter name="quote">The challenge of this project was to create a floating layout and motion effects that were not distracting, but instead made the website come alive using parallax and motion.
The challenge of this project was to create a floating layout and motion effects that were not distracting, but instead made the website come alive using parallax and motion.
Read the interview
Ning Huang's personal projects (Taipei veggie guide, Generated Art Gallery, portfolio)
Problem A designer who can't code wanted motion-heavy interactive sites without handing the ideas to an engineer.
Move Build layout in a no-code builder (Bricks Builder on WordPress) and describe the motion you want to an AI code tool to generate the custom bits — iterate by describing, not by hunting for reference sites to show a developer.
Cost Working entirely alone feels isolating; motion is shaped bit by bit rather than authored directly.
In the past, I’d search for websites with similar motions to guide engineers. Now, with AI, I can just describe what I imagine and shape it bit by bit
Read the interview
Andrew Woan's 3D portfolio projects (Minecraft world, room, isometric dual-room)
Problem How to make a 3D portfolio scene say something about the person rather than just show off a modelled room.
Move For the isometric room portfolio, build two versions of the same room and let the visitor switch: a dark, clean room for the professional self and a light, casual room for the personal self.
Cost The 2D UI is weak, and technical complexity was traded away for emotional appeal.
The dark room resembles the more professional, elegant, clean self whereas the lighter room resembles the more laid back and chill personal self.
Read the interview
Yannis Yannakopoulos — personal site and practice
Problem How an independent developer keeps skills current and a personal site alive without a client brief driving it.
Move Hand your own site to another designer and treat daily constrained exercises (31 sketches in one language, in one month) as the skill engine — practice in a fixed medium, not on client work.
Cost </antmlःparameter>
<parameter name="quote">it's not about the tools, or about ideal routines and workflows. It's about the mindset, the aesthetics, and the ideas.
x
Read the interview
12 of the 118 portfolio case studies in the reading archive, the ones that are spotlight interviews. Quotes are verified against the article text by build/cues.mjs and dropped if absent.
