🖼️ Use Case Stack

Build a Portfolio Website

Show your best work. Beautiful portfolio site, case studies, contact form, and analytics - make every visitor a potential client.

Framer logoFramer
Figma logoFigma
Notion logoNotion
Google Analytics logoGoogle Analytics
Calendly logoCalendly
Canva logoCanva
Build a custom stack

Your portfolio toolkit

Build, design, write, track, and convert - showcase your work.

Our Pick: Website Builder
Framer
Free tier

A design-first website builder that makes your portfolio stand out. Add smooth animations and interactions without code, publish case studies through the built-in CMS, and ship a site that feels custom.

Design-first visual builder Animations and interactions built in CMS for project case studies
Also consider
Webflow

Full CMS + e-commerce power

More powerful CMS with custom collections for different project types. Add a blog, sell digital products, or build complex layouts. Steeper learning curve but more capable long-term.

Carrd

Single-page simplicity

Build a beautiful single-page portfolio in under an hour. $19/year for a custom domain. Perfect if you want something minimal and fast rather than a multi-page site.

Deno Deploy
Deno Deploy

Freemium - Edge-first hosting from the Deno team. Deploy TypeScript globally in seconds. Ze...

Edge-first hosting from the Deno team. Deploy TypeScript globally in seconds. Zero config, built-in KV store. Try Deno Deploy →

Coolify
Coolify

Free - Open-source, self-hosted Vercel/Netlify alternative. Full PaaS on your own serve...

Open-source, self-hosted Vercel/Netlify alternative. Full PaaS on your own server. Pay for the VPS, skip the markup. Try Coolify →

Zeabur
Zeabur

Freemium - Deploy anything, anywhere. Serverless, containers, static sites. Like Railway bu...

Deploy anything, anywhere. Serverless, containers, static sites. Like Railway but with a slicker UI and generous free tier. Try Zeabur →

SST
SST

Free - Framework for building serverless apps on AWS. Makes AWS not terrible. Seriously...

Framework for building serverless apps on AWS. Makes AWS not terrible. Seriously, it's a miracle. Try SST →

Koyeb
Koyeb

Freemium - Serverless platform with global edge deployment. Git push to deploy. Free tier i...

Serverless platform with global edge deployment. Git push to deploy. Free tier includes always-on instances. Railway competitor. Try Koyeb →

Airtable
Airtable

Freemium — Spreadsheet meets database. Powerful enough for real apps, simple enough for non...

Spreadsheet meets database. Powerful enough for real apps, simple enough for non-devs. The gateway drug to no-code. Try Airtable →

AppSheet
AppSheet

Freemium — Google's no-code app builder. Turns spreadsheets into mobile apps. Free for pers...

Google's no-code app builder. Turns spreadsheets into mobile apps. Free for personal use, enterprise-ready for business. Try AppSheet →

Adalo
Adalo

Freemium — Drag-and-drop mobile app builder. Native iOS and Android apps without code. Good...

Drag-and-drop mobile app builder. Native iOS and Android apps without code. Good for MVPs, less so for scale. Try Adalo →

Buildship
Buildship

Freemium — Visual backend builder. Connect APIs, build workflows, deploy serverless functio...

Visual backend builder. Connect APIs, build workflows, deploy serverless functions — all without writing code. Zapier meets Firebase. Try Buildship →

Directus
Directus

Free — Open-source headless CMS and data platform. Wraps any SQL database in an instant...

Open-source headless CMS and data platform. Wraps any SQL database in an instant API and admin panel. Backend in a box. Try Directus →

Our Pick: Design
Figma
Free tier

Prototype your portfolio layout before building it. Create a component system for consistency, collaborate with others in real-time, and import designs directly into Framer.

Prototype before building Component systems for consistency Real-time collaboration
Also consider
Canva

Quick mockups and graphics

Faster than Figma for creating portfolio project thumbnails, social media graphics, and presentation decks. Great for non-designers who need polished visuals quickly.

Sketch

Mac-native design tool

Fast native app for Mac users with a mature plugin ecosystem. One-time licence available. Good if you prefer offline-first design tools and work primarily on macOS.

Our Pick: Case Studies
Notion
Free

Draft and organise your case studies in Notion before publishing them. Keep a database of client testimonials, document your creative process, and maintain a library of project details.

Write and organise case studies Client testimonials database Process documentation
Also consider
Google Docs

Simple writing tool

If you just need a distraction-free writing environment for drafting case studies. Easy to share with clients for approval before publishing. Free and universally accessible.

Bear

Markdown notes for Mac

Beautiful, minimal writing app with Markdown support. Great for drafting case studies if you prefer a focused writing experience. Apple-only, syncs via iCloud. Free with optional Pro.

Our Pick: Analytics
Google Analytics
Free

Know which portfolio pieces get the most attention, where visitors come from, and which pages convert into enquiries. Data-driven decisions about what work to showcase prominently.

Visitor tracking and demographics Traffic source analysis Portfolio page performance
Also consider
Plausible

Privacy-first analytics

Simple, privacy-focused analytics that don't require cookie banners. Lightweight script that won't slow your portfolio down. Open-source and GDPR-compliant. From $9/mo or self-host free.

Fathom

Simple and fast

Clean dashboard that shows you what matters without the complexity of Google Analytics. Privacy-first, no cookie banner needed. $14/mo but the simplicity saves time on analysis.

Hotjar
Hotjar

Freemium - Heatmaps and session recordings. Watch real users struggle with your UI. Humblin...

Heatmaps and session recordings. Watch real users struggle with your UI. Humbling, but the fastest path to better UX. Try Hotjar →

Heap
Heap

Freemium - Auto-captures everything. No manual tracking needed. Go back in time and analyse...

Auto-captures everything. No manual tracking needed. Go back in time and analyse events you didn't know mattered. Retroactive analytics. Try Heap →

Segment
Segment

Freemium - Customer data pipeline. Send events once, route to every analytics tool. The plu...

Customer data pipeline. Send events once, route to every analytics tool. The plumbing behind modern data stacks. Try Segment →

Matomo
Matomo

Free - Open-source Google Analytics alternative. Self-host it, own your data, no cookie...

Open-source Google Analytics alternative. Self-host it, own your data, no cookie banners needed. GDPR dream tool. Try Matomo →

June
June

Freemium - Product analytics built for B2B SaaS. Company-level insights, not just user-leve...

Product analytics built for B2B SaaS. Company-level insights, not just user-level. Know which accounts are churning. Try June →

Screaming Frog
Screaming Frog

Freemium — Website crawler that finds every SEO issue. Broken links, duplicate content, mis...

Website crawler that finds every SEO issue. Broken links, duplicate content, missing tags. Ugly UI, incredible tool. The industry standard. Try Screaming Frog →

Mangools
Mangools

Paid — SEO toolkit for beginners. Keyword research, SERP analysis, rank tracking. Less ...

SEO toolkit for beginners. Keyword research, SERP analysis, rank tracking. Less overwhelming than Ahrefs, perfect for starters. Try Mangools →

SE Ranking
SE Ranking

Paid — All-in-one SEO platform. Rank tracking, site audit, competitor analysis. Cheaper...

All-in-one SEO platform. Rank tracking, site audit, competitor analysis. Cheaper than Semrush with 80% of the features. Try SE Ranking →

AlsoAsked
AlsoAsked

Freemium — Maps People Also Ask questions from Google. Visualises question chains for conte...

Maps People Also Ask questions from Google. Visualises question chains for content planning. Simple idea, powerful for SEO. Try AlsoAsked →

SpyFu
SpyFu

Paid — See every keyword your competitors buy on Google Ads and rank for organically. C...

See every keyword your competitors buy on Google Ads and rank for organically. Competitive intelligence for SEO and PPC. Try SpyFu →

Our Pick: Contact & Booking
Calendly
Free tier

Embed a booking widget directly on your portfolio so visitors can schedule a discovery call without leaving your site. Automatic timezone detection means no scheduling friction for international clients.

Embed directly on portfolio Discovery call booking Timezone detection for global clients
Also consider
Cal.com

Open source alternative

Everything Calendly does, but open-source with more customisation options. Self-host for free or use their cloud. Better for developers who want full control over the booking experience.

Tally

Free form builder

If you prefer a contact form over scheduling, Tally offers beautiful, free forms with unlimited responses. Embed on your portfolio for project enquiries, feedback, or general contact.

Zoom
Zoom

Freemium — You know what this is. Everyone has it, it always works, and the free tier is en...

You know what this is. Everyone has it, it always works, and the free tier is enough for most meetings. The default. Try Zoom →

Otter.ai
Otter.ai

Freemium — AI meeting notes that actually capture what was said. Real-time transcription, s...

AI meeting notes that actually capture what was said. Real-time transcription, summaries, action items. Never take notes again. Try Otter.ai →

Fireflies.ai
Fireflies.ai

Freemium — AI meeting assistant. Records, transcribes, summarises, and integrates with your...

AI meeting assistant. Records, transcribes, summarises, and integrates with your CRM. Like Otter but more enterprise-focused. Try Fireflies.ai →

Luma
Luma

Freemium — Event hosting platform. Beautiful event pages, RSVPs, reminders, and calendar sy...

Event hosting platform. Beautiful event pages, RSVPs, reminders, and calendar sync. Eventbrite for the modern internet. Try Luma →

Campsite
Campsite

Paid — Async-first team communication. Posts, threads, calls — but designed for deep wo...

Async-first team communication. Posts, threads, calls — but designed for deep work, not constant interruption. Slack antidote. Try Campsite →

📖 Step-by-step build guide

How to Build a Portfolio Site

Create a professional portfolio that showcases your work and lands clients

Beginner 1-2 hours · 5 steps
Framer Framer
Vercel Vercel
1
Framer Start with a portfolio template
Framer · ~5 min
2
Framer Apply your branding
Framer · ~15 min
3
Framer Add your projects to the CMS
Framer · ~30 min
4
Framer Add a contact form
Framer · ~10 min
5
Framer Publish on your domain
Framer · ~5 min
Follow the full guide
Launch Kit

Get the full launch checklist

Every tool pre-configured, setup order mapped out, integrations documented. Skip weeks of research.

Get the launch kit →Build my stack

Ready to showcase?

Your work speaks for itself. Give it a stage.