Project showcase
Selected works with individual project pages.
Real Estate
MYFRIX ConceptRawiya — Architecture Studio
A quiet, editorial website for an architecture and interior design practice.
- Category
- Real Estate
- Project type
- MYFRIX Concept
- Technology
- React, Vercel
- Live site
- rawiya-studio.vercel.app ↗
The brief
What the project needed to solve.
Concept brief: give an architecture studio a site that feels as considered as its buildings — showcasing projects, explaining services and process, and turning interest into well-qualified project enquiries.
Our approach
How we approached it.
- Strategy
- Position the studio through its philosophy and work first, then services, process and FAQs to pre-qualify enquiries.
- UX
- Clear paths to Projects, Services, Process and Contact, with a full sitemap and an insights blog.
- Design
- Restrained typography, generous whitespace and large photography so the architecture leads.
- Development
- Multi-page bilingual build (English and Arabic) with project pages, blog and FAQ.
What we built
The pieces that make it work.
Services & process
Expandable service details and a step-by-step studio workflow.
Insights blog
Article pages on design topics to support search visibility.
English & Arabic
Bilingual site with an Arabic version for the local market.
Inside the build
What we designed — and why it works.
A walk through the key sections of Rawiya — Architecture Studio, and the decisions behind each one.
01Hero
An architectural hero with a built-in project viewer
The homepage opens on a full-bleed building with oversized, confident typography and a fine architectural grid. A compact viewer in the corner lets visitors step through featured projects without leaving the first screen.
- Project slider with counter and arrows
- Grid lines that echo architectural drawings
- Bilingual switch (English / Arabic) in the header
02Philosophy
Letting the architecture speak first
The About section pairs a short positioning statement with a large editorial image grid. Generous white space and restrained captions keep attention on materials, light and proportion.
- Asymmetric editorial image grid
- Captions for each discipline
- Calm, gallery-like white space
03Credentials
A clean credentials module
Key studio facts are presented as large, monospaced figures in a ruled panel beside the studio's positioning — a format that reads at a glance. The figures shown are illustrative content for this concept.
- Large monospaced figures for scannability
- Ruled panel layout
- Link through to the full studio story
04Process
A studio workflow that builds confidence
The process is explained as numbered stages, flanked by floating architectural imagery that moves as you scroll — turning a list of steps into a reassuring narrative for clients commissioning a home.
- Numbered process cards
- Floating images with scroll motion
- Link to a dedicated full-process page
05Closing
A typographic finale with imagery set into the words
The footer opens with a bold “Building Home Into Masterpieces” statement, with project images inset between the words. It's followed by a newsletter sign-up and a complete sitemap.
- Images inset within large typography
- Newsletter sign-up
- Full sitemap for easy navigation
06Navigation
A full-screen menu designed like a page
Opening the menu reveals oversized navigation links alongside an image card with a short brand statement and a Start Your Project button — so even navigation keeps guiding visitors toward an enquiry.
- Full-screen typographic menu
- Image card with call to action
- Clear Close control and language switch
Technology
Built with
- React
- Vercel
Outcome
What was delivered
A complete multi-page studio website with projects, services, process, blog, FAQ and contact — designed and built by MYFRIX as a concept project and live today.
Next project
AURA — Smart Mug
View project
Have a digital project in mind?
Tell us what you're building. We'll help you turn the idea into a launch-ready digital product.