Website types

Fifteen kinds of website. One studio.

Every business needs something different from its website. Filter by what you’re trying to do, and see how each type is built to fit.

pentagram.com
Live example of a business website: PentagramExternal Reference

Business Website

A clear, structured home for what you do, who you serve, and how to reach you, built so visitors find the answer in one scroll.

Best for: Local shops, agencies, consultancies, and service providers.

View Live Example
allbirds.com
Live example of a e-commerce website: AllbirdsExternal Reference

E-commerce Website

A store built to move product: browsable catalog, clear pricing, a cart that never confuses, and a checkout that doesn't lose sales.

Best for: Retailers, DTC brands, and anyone selling physical or digital goods.

View Live Example
mikekus.com
Live example of a portfolio website: Mike KusExternal Reference

Portfolio Website

Your best work, presented as case studies instead of a gallery wall, so visitors understand the thinking behind each project.

Best for: Designers, photographers, writers, and independent creatives.

View Live Example
waitbutwhy.com
Live example of a blog website: Wait But WhyExternal Reference

Blog Website

A reading-first layout with a calm column width and clear post hierarchy, built so people actually finish what they start reading.

Best for: Writers, niche publications, and anyone building an audience.

View Live Example
linear.app
Live example of a landing page: LinearExternal Reference

Landing Page

One page, one offer, one action. Every element on the page earns its place by moving the visitor toward a single decision.

Best for: Product launches, campaigns, webinars, and lead generation.

View Live Example
khanacademy.org
Live example of a educational website: Khan AcademyExternal Reference

Educational Website

Lessons and modules organized around progress, not just content, so learners always know what's next and how far they've come.

Best for: Course creators, tutors, schools, and training programs.

View Live Example
bbc.com
Live example of a news website: BBC NewsExternal Reference

News Website

A dense, scannable front page built around story hierarchy: what leads, what's secondary, and what's just below the fold.

Best for: Publications, local news outlets, and editorial teams.

View Live Example
patreon.com
Live example of a membership website: PatreonExternal Reference

Membership Website

Gated content with a clear line between what's public and what members unlock, and a tier structure that's easy to justify.

Best for: Communities, coaches, and creators selling ongoing access.

View Live Example
calendly.com
Live example of a booking website: CalendlyExternal Reference

Booking Website

A calendar that shows real availability, a form that asks only what's needed, and a confirmation flow that removes the back-and-forth.

Best for: Clinics, salons, consultants, and appointment-based services.

View Live Example
trends.google.com
Live example of a web portal: Google TrendsExternal Reference

Web Portal

A dense, authenticated workspace: sidebar navigation, live data, and enough information density to actually replace a spreadsheet.

Best for: Client dashboards, internal tools, and account-based platforms.

View Live Example
dev.to
Live example of a community or forum website: DEV CommunityExternal Reference

Community or Forum Website

Threaded discussion, visible profiles, and activity signals, built so a conversation is easy to follow days after it started.

Best for: Interest groups, alumni networks, and niche communities.

View Live Example
charitywater.org
Live example of a nonprofit website: charity: waterExternal Reference

Nonprofit Website

The mission stated plainly, the impact shown in specifics, and a donation path that never makes a supporter hunt for it.

Best for: Charities, foundations, and community organizations.

View Live Example
a24films.com
Live example of a entertainment website: A24External Reference

Entertainment Website

An immersive, media-first experience built around trailers, releases, and events, with motion that earns its place.

Best for: Artists, studios, venues, and event organizers.

View Live Example
thumbtack.com
Live example of a directory website: ThumbtackExternal Reference

Directory Website

Search and filters up front, listings that scan fast, and location context, so someone finds the right result, not just any result.

Best for: Local guides, marketplaces, and industry listing sites.

View Live Example
samuelkraft.com
Live example of a personal website: Samuel KraftExternal Reference

Personal Website

A single, restrained page that sounds like one person, not a brand, built to introduce you and point to where you actually are.

Best for: Individuals building a name, a resume site, or a personal hub.

View Live Example