01 — Who we are

A South African web studio.

Herencia Web Studio designs and builds websites and online stores for businesses that want to stand out online, from the first sketch to launch and long after.

Custom web apps · coming soon

02 — The name

herencia

eh · ren · see · ah Spanish, noun

LegacyInheritanceHeritage

Something of value, made to be passed on.

03 — Why we chose it

Built to outlast a generation.

Herencia is Spanish for legacy. A great business isn't built for one generation; it's built to serve the ones that follow. Today, your online presence is a big part of that, and we're here to help your company become a legacy for generations to come.

04 — What we do

Websites that work as hard as you do.

Design, development and search under one roof. Every site is built to load quickly, follows SEO best practices and is shaped around how your business actually works.

Our services

  1. 01SEO-Driven Content
  2. 02Responsive Design
  3. 03Speed & Performance
  4. 04Built to Last a Lifetime
  5. 05Complete Ownership
  6. 06South-African Based

Scroll to see them in action

05 — How we work

  1. 01DiscoverWe learn your business, your customers and your goals.
  2. 02DesignWireframes first, then a look that fits your brand.
  3. 03BuildFast, accessible code, tested on every screen.
  4. 04Launch & growWe go live, measure what works and keep improving.

Contents

Our Work

Flip through the kinds of websites Herencia builds: concept sites we designed, and two real sites we built. Click a page, or use the arrows, to turn it.

Concepts & real sites

Present Day Truth and our own site are real. The other brands in this book are fictional concepts, not client projects.

Concept sites, plus two real sites we built.

Selected work

  • FORMA: Ecommerce store

    Men's performance sportswear. A fast, photo-led online store for a running and training label. Big product imagery, smart filters and a checkout that works one-handed on a phone.

  • ARVO: Brand website

    Architects, Cape Town & Lisbon. A calm, image-first site for an architecture practice. Full-bleed photography, a considered type scale and project stories that let the work speak.

  • SOLSTICE: Booking web app (service coming soon)

    Spa & stay retreat. A booking app for a spa retreat: pick dates, choose a room, add treatments and pay a deposit, all in one smooth flow with live availability.

  • PRESENT DAY TRUTH: Blogging Website

    Teachings & sermons on grace. A real blogging website we designed and built for teaching on grace: written teachings and sermon videos, every scripture reference opening in a pop-up, and free reader accounts with their own dashboard and library.

  • HERENCIA: 3D animated website

    This website. The site you're scrolling through: a blueprint that draws itself, pages that rise into view, a turning ring of screens and this flipbook, all driven by your scroll.

Choose your website tier

Click a piece to see what's included

  • Standard: priced on request

    A clean, professional website to get your business online.

    • Up to 5 pages
    • Mobile-first, responsive design
    • SEO best-practice setup
    • Contact form
    • Domain and hosting setup
    • 2 rounds of revisions
  • Advanced: priced on request

    More pages, more polish, and room for your business to grow.

    • Up to 10 pages
    • Everything in Standard
    • Blog or news section
    • Subtle motion and animations
    • Analytics setup
    • 3 rounds of revisions
  • Premium: priced on request

    A standout site with rich design and an online store if you need one.

    • Up to 20 pages
    • Everything in Advanced
    • Online store (up to 50 products)
    • Custom illustrations and icons
    • Speed tuning for Core Web Vitals targets
    • 3 months of care after launch
  • Custom: priced on request

    Fully bespoke: 3D, motion and anything your brand can dream up.

    • Unlimited pages
    • Everything in Premium
    • Bespoke 3D and scroll-driven motion
    • Custom features built for your business
    • Priority support
    • Pricing based on your project

Sheet A-001 — Homepage, desktop & mobile

Project
Herencia Web Studio
Drawing
Homepage wireframe
Scale
1:1
Sheet
A-001

Sheet A-003 — Project brief