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
Built a high-performance, dark-themed personal portfolio website to showcase my full-stack projects, core technical skills, and client contact options. Features a modern responsive design, smooth animations, and interactive UI built with Next.js
Skills and deliverables
Next.js
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
Challenges
View all
Related posts
Same content. Two completely different vibes.
What happens when you keep the course content the same, but change the structure, typography, and color palette?
Two hero sections. One course. Two different visual experiences.
Which one would you choose? 1 or 2?
29 voted
41%
42 voted
59%
71 votes
Closed
Option 1 works well , the heirarchy and card layout on the hero is very smart
Sigrid Satō - Website Design & Development
Sigrid Satō is a solo architect who works with two to three home owners at a time. The brief was to design and develop a brand and website, for one purpose, to reinforce and confirm the initial impression made by the person referring her work.
The website is a home to not only showcase her work, but her thinking, her approach and execution. It's a digital flag planted in the ground quietly but firmly stating who she is and who she works with.
I kept the design minimal using one font with multiple weights - Eiko for the H1 display title and Fraktion Sans for the body. Both fonts are from Pangram Pangram Foundry and a minimal color pallet to create an editorial look and feel.
Disclaimer; This is a self-initiated project to sharpen my craft across physical and digital assets. I used Claude to provide the copy and lummi.ai to generate the images.
Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, so the site had to read as an instrument rather than a brochure from the first frame.
The preloader replaces the progress bar with a drawing in progress. A red datum line moves up an architectural elevation carrying the percentage value, and the building is drawn in line by line as loading completes. Supporting information sits in the margins in the same register: live cursor coordinates, a project spec card covering type, founding year, focus and location, and a numbered system boot sequence.
Functionally it covers asset loading for the interactive hero, so the drag-to-reveal behaviour responds immediately once the page lands. Editorially it sets the frame before a single line of marketing copy appears.
Using the loading percentage as the literal height of a red datum line on the elevation is the kind of detail that only works because the product is actually for architects. It reads as instrumentation instead of decoration.