Skip to content

Selected work

Websites designed with a reason behind them.

This is a collection of website examples, build samples, and design directions. Each one starts with a communication problem: what needs to be clearer, what needs to be easier to find, and what should visitors do next?

Some projects may be private or still developing. Where a project can be shown publicly, the work is presented honestly without unsupported performance claims.

What you will find here

Example categories

  • Service business websites

    Clear service pages, trust-building content, FAQs, and inquiry paths for businesses that sell expertise or services.

  • Freelancer and personal-brand websites

    Focused websites for presenting expertise, offers, experience, and a clear way to start a conversation.

  • Education and course websites

    Program pages, learning outcomes, enrollment details, and student-focused content structures.

  • Startup and early-stage websites

    Credible first web presences for turning an idea into a business people can understand.

  • Landing pages

    Single-purpose pages built around one offer, one audience, and one action.

Case summaries

Public client websites, described from what is visible.

Project descriptions are based on publicly visible client-site content. Orivian Studio's exact contribution is identified only where confirmed.

Personal services & portfolio

Camille Ramos

A makeup and hairstyling portfolio for Metro Manila, with wedding and debut packages, gallery proof, and a direct booking path.

The site organizes wedding and debut packages, broader event services, contact and booking paths, social and gallery links, and a reviews page.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Industrial B2B

ARL Power Connect Corp.

A corporate website for a Philippine electrical contractor, built around capability, project history, and procurement inquiries.

It presents electrical contracting and power-infrastructure capabilities, service and industry explanations, company information, project listings, and direct inquiry and contact pathways.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Business technology & POS

ABZTRAK

A B2B technology presence for POS, inventory, cash, and sales tracking, with a hardware catalog and a dedicated OneRS software page.

Its public experience combines solution and industry explainers, a hardware product catalog, a dedicated OneRS retail-software page, company information, and contact and support paths.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Education & training

Makeup Academy Manila

A Quezon City studio’s face-to-face makeup and hairstyling training site: tiered classes, course pages, and enrollment inquiries.

It presents tiered classes, course detail pages, enrollment inquiry forms, and institutional, student-story, and industry-information sections.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Education & student services

The Write Way Review Center

Three clear pathways — academic mentoring, IELTS preparation, and international student services — under one review centre.

The site presents those pathways alongside about, news, stories, and contact experiences for learners, families, and professionals in and beyond Ilocos Sur.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Demo builds

Nineteen builds made to prove the range.

No client commissioned these. Each is a complete website built from zero — structure, content, design, and build — for a different industry and a different design language, and each one runs live on this site at the address under its image. Brands are fictional or fictionalized, and any price, hour, or figure inside a demo is labeled indicative.

Fashion / editorial

SNITT

A fashion house site that behaves like a look book: a slideshow of collection looks, four collections, an archive, a journal, stockists, and contact.

It presents FW26, SS26, FW25, and couture runs with numbered looks, alongside an archive of past work, journal essays, stockist listings, and studio contact paths.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Hospitality / heritage

Casa de Gabriela

A heritage bed & breakfast site for a 1932 Spanish-colonial house on Calle Crisologo: rooms and rates, dining, experiences, gallery, history, and direct booking.

Twelve pages cover the three room types with indicative rates, dining, experiences, a gallery, the family history, and a booking path that keeps the reservation with the house.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Fashion / one-of-one

Fabric & Form

A Milano atelier built on scarcity — a giant-type hero, collections released in runs of one, a lookbook, a bespoke commission path, and a journal.

Three collections each get their own page — Noir Rêverie, La Seconda Pelle, Terra Bruciata — beside a lookbook, bespoke service notes, journal entries, and contact.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Food & beverage / retail

Ember & Oak

A small-batch organic roastery’s retail site: a roast shop, subscriptions, brew guides, the roastery story with its vintage Probat, and a journal.

Each coffee gets its own page — Ember House Blend, Oak Dark Reserve, Gedeo Yirgacheffe — beside subscriptions, brew guides, wholesale, roastery, journal, and contact pages.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Craft / e-commerce

Form + Timber

An artisan furniture studio’s catalog of made-to-order pieces, with a joinery process page, the studio story, a gallery, and contact.

Eight furniture pieces each get their own catalog page — from the Monolith Dining Table to the Wabi Nightstand — beside collections, process, story, gallery, and contact.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Restaurant / nightlife

Antequera

A five-page site for a hi-fi listening cantina and mezcaleria in South Triangle: a spinning-45 homepage, the menu as a typographic ledger, the record corner, party trays, and visit details.

Home, La Carta menu, El Tocadiscos listening room, party trays and catering, and a visit page with hours, address, and directions.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Restaurant / family

Iguisan

A four-page Filipino BBQ and grill house site: a daylight homepage with polaroid stack, the Sa Uling menu, barkada group packages, and visit details.

Home, menu, barkada feasts, and visit — with hours, directions, and parking, and honest verify-by-phone notes wherever listings disagree.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Healthcare / clinic

Bayanihan Dental Care

A five-page dental studio site designed to lower anxiety first: a calm hub, intent-led services, a first-visit walkthrough, the studio and credentials, and a privacy-minded booking form.

Home, services, first visit and FAQ — opening on the fear question — the studio page, and a booking page that asks for the minimum and discourages sensitive medical detail.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Café / comfort food

Samara

A four-page neighborhood café site: an editorial homepage, the full menu always visible, the space and its occasions, and visit details.

Home, a complete menu with all four categories on one page, the space page with occasion cards and a polaroid wall, and a visit page with indicative hours.

Orivian contribution
Full website built from zero — structure, content, design, and build.

B2B industrial

Anthro Office Systems

A B2B furniture site mapped to how procurement actually buys: a persona router, on-page spec sheets, a working workspace estimator, architect downloads, installed projects, and a minimal RFQ.

Home, products with specs on the page, the room planner and estimator, an architect asset center, installed work with measurable scopes, and a request-for-quote form.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Pet services

BarkHood

A pet grooming and daycare site built around scheduling friction: services, daycare, a 30-second price estimator, booking with live-feel availability, and the house on Timog Avenue.

Home, grooming and daycare services, a daycare page, a pricing page with an estimator, a booking page for grooms, trial days, and the Bark Bus, and an about page.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Photography / portfolio

Iñigo Salas

A documentary photographer’s site with a darkroom-ledger look: a contact-sheet work index, a stats ledger, an about page carrying the film-only position, and contact.

Home, a contact-sheet index of the work, an about page, and a contact page for assignments and print requests — every claim on the site traceable to the work itself.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Education / bootcamp

Meridian Academy

A data school site that puts pedagogy over funnel: programs, a week-by-week curriculum, admissions with a tuition calculator, and the faculty behind it.

Home, program pages, a twelve-week curriculum week by week, admissions with a tuition calculator, and an about page on how the school teaches and what it publishes.

Orivian contribution
Full website built from zero — structure, content, design, and build.

B2B SaaS / fintech

Ledgerly

A cash-flow forecasting SaaS site that sells with evidence: a forecast dashboard as the hero, published accuracy, scenario planning, pricing, and a trial without a card.

Home, a product page inside the dashboard, pricing with tiers, an about page, and a contact page for demos and questions.

Orivian contribution
Full website built from zero — structure, content, design, and build.

DTC / e-commerce

Tinta

A Philippine coffee subscription built on freshness logistics: the roast date stamped as the hero, the roasts, a subscription builder, the roastery, and contact.

Home, a roast catalog, a subscription builder, a roastery and farm page, and a visit and contact page — all organized around the roasted-Monday, shipped-Monday promise.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Creative studio

KAON

A motion and kinetic type studio site where the site is the reel: poster-scale type, kinetic rise-in headlines, a spinning asterisk, and the work up front.

Home, a work index, the motion lab, an about page, and contact — every page demonstrating the studio’s medium in the browser instead of describing it.

Orivian contribution
Full website built from zero — structure, content, design, and build.

B2B SaaS / HR tech

Siklo

A Philippine HR and payroll SaaS site built on local specificity: a payslip mock hero, statutory math spelled out, pricing including free-for-five, and contact.

Home, a features page, a pricing and ROI page, an about page, and a contact page — with SSS, PhilHealth, Pag-IBIG, and 13th-month math shown on the page.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Healthcare / med spa

Pell Street Aesthetics

A nurse practitioner-led med spa in Lower Manhattan, built so a first-time injectables client can read exactly what happens before they book.

Home, treatments with a dedicated lip-filler page, reviews, the practitioner, and a booking path — clinical restraint throughout, no pressure language and no stock before-and-after grid.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Apparel / workwear

Third Shift

A small-batch denim and industrial workwear label, presented like a workshop dispatch rather than a storefront.

Shop, a single chore-jacket product page, lookbook, about, and a shipping FAQ — drop codes and weight-spec language doing the work a fashion brand would do with photography.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Events / venue

Hartsell Mill

An 1890s riverside grain mill reopened as a wedding venue, where the history is the selling point and has to stay legible.

Venue, plan-your-day, pricing, and enquiry — estate photography carrying the pages, with capacity, flow, and cost stated plainly rather than left to a discovery call.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Entertainment / performance

Justin Pinon

A mentalist’s portfolio that refuses the one claim a mentalist cannot support: no supernatural powers, no psychic abilities, no invented view counts.

A single immersive page — hero, broadcast credits, two booking routes, podcast, and an enquiry form — with every line pulled verbatim from the performer’s own site.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Personal services / portfolio

Eric Agulto

A designer and copywriter’s own site, presenting work as case studies with the decisions and outcomes spelled out instead of bare screenshots.

Work with per-project case studies, services, process, about, and legal pages — the same client projects that also appear in the client section, shown here as the reasoning behind them.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Creative studio

Orivian Studio — v2

The rebuild of this studio’s own site: the same practice, rebuilt to prove the point it sells — a portfolio that shows finished work rather than promising it.

Home, work, services, process, about, and contact, with the live clock and a project modal — a heavier build than v1, and the clearest evidence on the site of what the studio can do.

Orivian contribution
Full website built from zero — structure, content, design, and build.

Common architectures

Patterns across selected projects

These structural patterns solve the underlying communication bottlenecks before aesthetic decisions take place.

  • Service-led information architecture

    Clear hierarchy that groups specialized offerings so visitors never feel lost.

  • Clear inquiry and booking pathways

    Low-friction conversion routes tailored to customer decision cycles.

  • Catalog and package organization

    Tiered courses, equipment specs, and service bundles structured for instant comparison.

  • Trust and proof content

    Authentic reviews, student stories, project histories, and credential evidence.

  • Focused contact flows

    Purposeful intake fields that set explicit expectations on what happens next.

Growing collection

More examples are on the way.

Orivian Studio is building a growing collection of public website examples. In the meantime, send a description of what you are working on and I can explain how I would approach the structure, content, and design.

Start a Project

Have a website problem that is not represented here?

Describe what you are building and what needs to be clearer. We can start with the problem rather than a preselected package.

Remote · Direct · No pressure to choose the biggest package