The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
ORIGO — Designing a digital experience for an imagined architecture studio.
ORIGO is a concept website for a fictional architecture studio in Lisbon. There was no client commission, no existing studio, and no photography. I built the entire visual world from scratch.
The art direction
I generated and art-directed every image, bringing together aerial landscapes, architectural interiors, material details, section drawings, and pencil sketches in a consistent visual language of stone, timber, water, and low light. Three fictional projects across Portugal and Norway give the studio its identity.
The design
A dark, restrained palette, editorial typography, and generous negative space set the tone. Project titles reveal letter by letter, while statements unfold word by word. Each project page is designed to read like an architectural monograph.
The experience
A full-screen hero film, Lenis smooth scrolling, and GSAP-driven motion create a browsing experience that feels closer to moving through architecture than navigating a conventional website. The result spans seven pages, including three detailed project pages.
The build
I designed the experience in Figma, then built it as a custom front-end in HTML, CSS, and JavaScript using Claude Code under my direction. I reviewed and refined the output by hand, with no template or page builder.
Accessibility details include a skip-to-content link, a pause control for the hero film, and alt text for images.
ORIGO was an exploration of how art direction, interface design, and creative development can come together to give an imagined studio a distinctive digital presence.
🔗 Explore the website: https://origo-architecture-studio.vercel.app/index.html
no photography for an architecture studio site is a bold constraint. the type has to do all the heavy lifting
Thanks! With no photography, I art-directed AI imagery into one visual language, and let the type set the pace. Glad it came through.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
A Recent Framer-Based Brand Experience for a Real Estate Company
Super clean brand system! 🤌 Love the mint on dark contrast and how the mark works across touchpoints - that ID card mockup is chef's kiss. Great Framer execution for real estate!
Santa Monica Tile & Stone E-Commerce Design, 2025.
Buying tile online is mostly guesswork, so I designed a concept store where every page answers one buyer question. Shoppable rooms show how it looks, a coverage calculator tells you how much you need, and free samples let you see it first. Deep green, warm gold, and an AI tile scan that turns inspiration photos into products. Open for e-commerce and web design projects.
Full case study on my Contra Profile
TOP!!
Onsen combines AI conversations, journaling, and mood tracking to help people better understand their thoughts, emotions, and daily patterns. 🧠
What I find interesting is how AI can go beyond answering questions and create more personal, meaningful experiences.
🔗 Check it out: https://www.onsenapp.com/
What do you think makes an AI app feel truly personal? 👇
#ProductDesign #AI #UXDesign #MobileAppDesign #MentalWellbeing #Contra
