Russian and English
Languages switch seamlessly while the visitor stays in the same section or project.
Architecture studio website and portfolio
PLANESarchitects
A bilingual architecture studio website with project galleries, services, and educational programs.
[ Open live product ]landing.webp2880×1800
// 01The website in numbers
- 2
- languages
- 3
- display themes
- 5
- portfolio filters
// 02Context
The PLANES architects website puts the studio's work first. Visitors can explore architecture and interior projects, learn about the team's services and process, join an educational program, or send an enquiry.
The website introduces the studio to future clients and gives architects and designers a way to discover PLANES educational programs.
02about.studio
about.webp2880×1800
// 03Problem
More room for architecture, without making the website hard to manage
The goal was to bring the studio's calm style to the browser without taking attention away from the project photography. The team also needed a simple way to add work, translate copy, and update large galleries without a developer.
The interface is built around photography and restrained typography. There are no unnecessary decorative layers: navigation stays compact, captions do not compete with the images, and transitions make it easy to move through sections and projects.
The main constraints were the weight of project galleries, the different lengths of Russian and English copy, and the need to preserve a balanced layout on phones, tablets, and wide screens.
IMAGERY / TYPE / CONTENT / SPEED
// 04Portfolio
The right project is easy to find
Work is grouped into private, commercial, cultural, and competition projects. Filters narrow the list quickly, while each project pairs its gallery with clear details about the space.
- All
- Private
- Commercial
- Cultural
- Competitions
projects.webp2880×2000
// 05Content
One CMS (admin panel) for projects, copy, and photography
The team adds a description, details, and a gallery before linking the Russian and English versions. Once published, the content appears on the website immediately.
The studio manages projects, copy, and photography through the CMS (admin panel), without touching code. Content appears on the website in the right language, while photography adapts to the screen.
CMS→Projects and copy→Russian / English→Website
Three themes
Follow the device setting or choose the light or dark theme manually.
Easy updates
The team adds projects and materials through the CMS (admin panel), without a developer.
Large galleries
Photography remains the main content and loads at a size suited to each device.
// 06Display
The website adapts to the light around it
System mode follows the device setting. Light mode keeps the feel of a printed architecture journal, while dark mode makes project photography more comfortable to browse at night.
- System
- Light
- Dark
// 07Mobile
Photography remains dominant on a phone
Large images adapt to a portrait screen while actions remain within reach, without tiny text or horizontal scrolling.
mobile.webp780×1688
// 08Result
A website that can grow with the studio's portfolio
The PLANES architects studio now has a bilingual website for projects, services, educational programs, and enquiries. The team updates materials through the CMS (admin panel), while visitors browse the work on any device and in the theme they prefer.
// My role
I handled the interface and responsive build, set up the CMS (admin panel), implemented Russian and English versions, added filters, galleries, and display themes, and prepared the website for launch.
- Frontend
- CMS (admin panel)
- Russian and English
- Launch
root@portfolio:~/contact$ ./start-conversation // Contact me directly
console.log(Have an idea or a project in mind?);
/* Send me a short note about what you want to build and how I can help. That is enough to get started. */