Built with Framer

Performance
78 → 97
Accessibility
90 → 100
Best practices
96 → 100
SEO
82 → 100
Challenge
Fesa Architect is an architecture studio in Yogyakarta, and its website ran on Google Sites. It showed the work but could not answer a visitor’s first question: how long will my project take?
Project labels, menu items and contact details had drifted apart: some cards opened the wrong project, two WhatsApp numbers were in use, and the hero gave no next step. The brief was to answer the timeline question and lead visitors to a consultation.

Before Redesign
Approach
Audit first
Let every design decision trace back to a finding on the old site, so the redesign stays tied to what visitors ran into.
Structure
Rebuilt the menu around Projects, Services & Process, About and Contact, and gave the services and the studio their own pages.
Estimator
Designed a 5-question estimator that shows a timeline by phase, so visitors get an answer before they book a consultation.
Portfolio
Moved 22 projects into a CMS with category filters, so every card opens the right project page.
Build
Built the site in Framer from one small design system: Geist, one blue and shared components across desktop, tablet and mobile.
Process
Information architecture came first, then wireframes, high fidelity screens and a design system small enough to carry into Framer.




Result
On the Home page, the new site scores 100 for accessibility, best practices and SEO on both desktop and mobile, at about a fifth of the old page weight.
Performance rose from 78 to 97 on desktop and from 62 to 80 on mobile. On a phone, first content now appears in 1.1 s instead of 4.1 s. The main content is the weak spot: 4.7 s on mobile against 5.8 s before, and the mobile score moved between 77 and 96 across runs, so this is the next thing to improve.
This is a concept redesign, approved by Fesa Architect on 26 October 2026 as a portfolio case study. It sits at fesaarchitect.framer.website, while fesaarchitect.id still runs the old site. Four items stay open: Area figures for each project, alt text on project galleries, one WhatsApp number across every button, and the booking link.






0 likes · 0 views · Nov 6, 2026
Concept redesign for Fesa Architect, an architecture studio in Yogyakarta, approved by the studio as a portfolio case study.