I've been paying attention to how architecture firms present their work online, and one thing I kept coming back to was how much the first few seconds matter.
Large project photography, minimal distraction, strong project information, and recognition placed close to the work itself.
I kept those ideas in mind while designing Kingsley Architects.
The homepage opens with a project slideshow where the imagery, project name, location and recognition change together, so each project gets its own moment rather than feeling like another item in a grid.
I approached motion the same way.
Using GSAP, I focused on transitions that guide attention, create hierarchy and give the architectural photography enough room to carry the experience.
But I also wanted Kingsley to work beyond the initial launch.
Architecture practices keep evolving. New projects are completed, photography gets updated, awards are received, and the portfolio grows.
So I built a content management system behind the website that allows the studio to add projects, replace imagery and update content without touching the code.
That was an important part of the concept for me.
A studio website shouldn't only look good when it launches. It should be something the practice can continue building on as its body of work grows.
Kingsley is a fictional architecture practice, but the design decisions came from patterns I found while studying real architecture firms and how they present projects, recognition and studio credibility online.
I designed and developed the full experience with Next.js, Tailwind CSS, GSAP and CMS, covering visual direction, responsive development, motion, project presentation and content management.
🔗 Live site:
https://kingsley-architecture.vercel.app/
For architects and studio teams, how important is it for your team to be able to update your portfolio without relying on a developer?
0
60
Kemobil — Rental Car Operations Management System
Built a full-stack web application for car rental businesses to manage vehicles, customers, bookings, payments, availability, and business operations from one system. Developed with Next.js, TypeScript, Supabase, Tailwind CSS, and deployed with Vercel.
0
226
Finansist Landing Page
Recently built a landing page for a financial assistant service, focusing on trust, clarity, and conversion.
Tech Stack
- Next.js (TypeScript) → fullstack framework (SSR + API routes)
- Supabase → PostgreSQL database + storage (asset buckets)
- Clean, scalable component-based architecture
Highlights
- Responsive and modern UI
- SEO-friendly with server-side rendering
- Consultation form integrated directly with database
- Asset management via Supabase Storage
- Modular structure, ready to scale into CMS or dashboard
Goal
To help businesses showcase their credibility (certifications, experience, services) in a clean and professional way, while increasing consultation conversions.
0
79
Coffee Shop Landing Page Design & Development
Project Value: $150 USD
Designed and developed a modern coffee shop landing page that blends warm aesthetics with a seamless user experience, helping the brand create a memorable online presence and attract more customers.
What was delivered
Elegant and modern UI inspired by premium coffee brands
Fully responsive design optimized for desktop, tablet, and mobile
Visually engaging hero section with immersive imagery
Well-organized menu and featured products presentation
Smooth scrolling and subtle animations for a premium browsing experience
Strategic call-to-action sections to encourage reservations and customer inquiries
Fast-loading, performance-optimized frontend
Clean, maintainable code built with modern web technologies
Project Highlights
This project was designed to capture the atmosphere of a modern café while showcasing its menu and brand identity through a clean, visually appealing interface. Careful attention was given to typography, spacing, and visual hierarchy to create an inviting experience that keeps visitors engaged.
The result is a professional, conversion-focused landing page that enhances brand credibility, improves customer engagement, and provides an enjoyable browsing experience across all devices.
Project Price: $150 USD
0
38
I wanted VELA to feel less like a conventional portfolio and more like a quiet introduction to a studio’s way of thinking.
The starting point was simple:
Can a website communicate the character of an architecture practice before someone reads much at all?
For VELA, I built the visual language around a restrained palette, oversized imagery, measured typography and generous spacing.
Rather than showing everything immediately, the site reveals the studio gradually through projects, interiors, process, materials and smaller editorial moments.
The photography does most of the talking.
The interface stays intentionally understated so the architecture can remain the focus.
I also spent a lot of time on rhythm.
Some sections are almost completely visual, while others slow things down with smaller images, text and details about the studio’s approach.
Motion follows the same idea.
I used GSAP to connect sections and give the page a natural flow, while keeping the interactions subtle enough that they never compete with the work.
VELA is a fictional architecture and interiors studio, but the project was shaped by a lot of research into how design-led practices communicate atmosphere, materiality and identity online.
I designed and developed the complete experience with Next.js, Tailwind CSS and GSAP, including the visual direction, responsive layouts, motion and project presentation.
🔗 Live site:
https://vela-studio-eight.vercel.app/
For architects and interior designers, when someone lands on your website for the first time, what do you want them to understand about your practice before anything else?
0
70
Restaurant Landing Page Design & Development
Project Value: $125 USD
Designed and developed a modern landing page for a local food brand, focused on showcasing the menu, strengthening brand identity, and making online ordering simple and intuitive.
What was delivered
Modern and appetizing UI tailored for a food & beverage business
Fully responsive design for desktop, tablet, and mobile devices
Engaging hero section with strong visual branding
Well-structured food menu with attractive product presentation
Smooth scrolling experience and subtle interactive animations
Clear call-to-action sections to encourage WhatsApp orders
Performance-optimized frontend for fast loading
Clean, maintainable code built with modern web technologies
Project Highlights
The website was designed to create a memorable first impression while making it effortless for customers to explore the menu and place an order. The clean layout, appealing food presentation, and intuitive navigation help increase customer confidence and enhance the overall digital experience.
This project demonstrates how a simple yet thoughtfully designed landing page can elevate a local food business, improve its online presence, and support customer conversions.
Project Price: $125 USD
0
38