Alzado, architecture studio · Architecture
Alzado is an architecture studio that is just getting started. A new studio has no years of history to tell, but it does have its first projects, its way of working and the people it works for. I built the website for exactly that: to let the photos speak, to give each project its own page and to make asking for a first meeting just one click away. The studio liked the proposal and the website will go live on its own domain when it opens.
The approach
That a studio with no years of history conveys craft from the very first screen, with its first projects in the leading role, and that the website loads fast on a mobile phone.
What was done
In motion
This is how the home page looks when you arrive and scroll down: the project name rises word by word, the photos are revealed from their own side and, when you open a project, its photo travels to the header of the page.
All the motion respects the system’s reduce motion setting: anyone who has it turned on sees fades, not movement.
On mobile
On a mobile phone, the menu opens full screen, the photos keep their proportions and the strip of reviews can be swiped with a finger.
Buttons of at least 44 pixels, text that never runs off the screen and nothing you have to pinch to read.
Trust
A studio that is starting out lives on what its first clients say. The reviews look the way they do on Google, with an average rating, stars and “X months ago”, but without loading any external widget: the page is no heavier and it tracks nobody.
In numbers
Facts about the work, not business results: those are published when there is real data.
More screens
How it was done
Websites of architecture and interior design studios as a starting point: what works and what is unnecessary. That is where the palette, the typefaces and the rules came from.
A twelve-column grid, a fixed spacing scale and a page for everything that someone commissioning a building project looks for.
Logo, Google-style reviews and the motion: words that rise, photos that are revealed and transitions between pages.
Lighthouse and automated tests of every flow: menu, project filter, form, reviews and transitions.
Where it is now
The website is ready and the studio liked it. It will go live on its own domain when the studio opens, with its own logo, projects, photos and details. It is too early to talk about results and I will not make any up. If you have an architecture or interior design studio, I will show you the whole thing at our first meeting.
Another project
fita · Drone mapping · Drone surveying and mapping
A website with a video on the home page, a page for each service and each map product, an English version and a blog with new articles published regularly. With the search positioning done from day one.
Clotoides · Surveying · Surveying, Cadastre and Land Registry
A new website that keeps the 119 addresses of the old one so the search positioning is not lost, with a real cadastral map for each area, an English version and a 74-article blog that keeps growing.
Sandra de la Casa · Taller de Imagen · Signature hair salon · Valencia
She had 137 reviews and no website. In one week: a page for each service with its price, booking through Booksy, a complete Google profile and an English version.
OunClinic · Nutrition clinic
Installable app for patients and a real-time dashboard for the nutritionist: 222 foods, automatic reintroduction, reports in two languages and protected health data.
Start here
Free and with no commitment. We leave with what would make sense to do first and, if it fits, a proposal with a fixed price.