TechnicalCollectible prompt
Portfolio website with case study pages
Build a portfolio website for {{your_name}}, a {{your_role}}. It needs to win over {{target_audience}}. Let the work be the hero and keep everything else quiet.
Pages:
- Home: my name, what I do and for whom in one line, a grid of four to six selected projects, a short about teaser and a contact button
- A case study page for each project: the problem, my role, two or three key decisions, the result, and a link to the next project
- About: a short, human bio, how I work, services, and a resume download
- Contact: a short form with a hidden spam trap, plus my email
Requirements:
- Colors: {{brand_colors}}, with a clean type scale and generous spacing
- Real copy in first person, confident and free of buzzwords; mark any client name, quote or number I need to supply
- Projects stored in one editable file or table, so adding one never means editing layouts
- Images in modern formats and responsive sizes, with set dimensions and lazy-loading below the fold
- Mobile first and WCAG 2.2 AA: visible keyboard focus, alt text that describes the work, 4.5:1 text contrast
- A unique title, meta description and share image for every page, plus Person structured data
- Any keys stay on the server
When you're done, list your assumptions and the details I should send you next.
Technicalnvoka.com/library/nvoka-portfolio-website-with-case-studiesScan to open
Technical
Portfolio website with case study pages
A portfolio that puts your best work first and tells the story behind each project.
Curated by Nvoka
v0LovableBolt
Make it yours
Fill in the blanks and change any word. Only your copy changes, never the card.
Fill in the blanks
0 of 4 filledYour prompt
Build a portfolio website for {{your_name}}, a {{your_role}}. It needs to win over {{target_audience}}. Let the work be the hero and keep everything else quiet.
Pages:
- Home: my name, what I do and for whom in one line, a grid of four to six selected projects, a short about teaser and a contact button
- A case study page for each project: the problem, my role, two or three key decisions, the result, and a link to the next project
- About: a short, human bio, how I work, services, and a resume download
- Contact: a short form with a hidden spam trap, plus my email
Requirements:
- Colors: {{brand_colors}}, with a clean type scale and generous spacing
- Real copy in first person, confident and free of buzzwords; mark any client name, quote or number I need to supply
- Projects stored in one editable file or table, so adding one never means editing layouts
- Images in modern formats and responsive sizes, with set dimensions and lazy-loading below the fold
- Mobile first and WCAG 2.2 AA: visible keyboard focus, alt text that describes the work, 4.5:1 text contrast
- A unique title, meta description and share image for every page, plus Person structured data
- Any keys stay on the server
When you're done, list your assumptions and the details I should send you next.