Skip to content

JB Architects:
A portfolio website for an architecture and interior design studio

We created the website for JB Architects, an architecture and interior design studio in Rajkot. It sorts the studio's portfolio by category and adds a project enquiry form.

Client: JB ArchitectsIndustry: Professional & Business ServicesService: Design & Strategy

Live at:
Main project categories
3
Steps in the approach section
5
Main pages
4

Overview

Project
at a glance

Industry
Professional ServicesStudio websites for architecture and interior design, where a visitor's first view of the portfolio shapes whether they get in touch.
How we worked
Product engineering teamWe worked as one team on structure, page design and build, shaping the site around the studio's own material.
Goal
A portfolio easy to exploreHelp visitors find the kind of work they care about, understand how the studio works and send a useful enquiry.
What we built
Studio websiteA website with a home page, about page, project archive by category and a contact page with an enquiry form.

Client

Who we
built it for

JB Architects

Architecture and interior design studio in Rajkot, India

About the client
Studio websites for architecture and interior design, where a visitor's first view of the portfolio shapes whether they get in touch.
What they needed
Help visitors find the kind of work they care about, understand how the studio works and send a useful enquiry.
Where they were
Design studios tend to have a lot of visual work and little time to organise it online. Portfolios often turn into one long gallery, which makes it hard for a visitor to find the type of project they have in mind.

Engagement snapshot

Industry
Professional Services
Service
Design & Strategy
Engagement
Product engineering team
Delivered
Studio website
Headline result
3 · Main project categories

The challenge

What was getting
in the way

Design studios tend to have a lot of visual work and little time to organise it online. Portfolios often turn into one long gallery, which makes it hard for a visitor to find the type of project they have in mind.

Studio sites can also leave visitors unsure what happens next. If the working process is unexplained and contact details are hard to find, a potential client may simply leave.

  • A portfolio without order

    An unsorted gallery makes visitors scroll past a lot of work that doesn't apply to them.

  • Unexplained process

    People commissioning design work want to know the steps before they make contact.

  • Vague enquiries

    A blank contact form tells a studio little about what the person actually wants.

The solution

What
we built

  1. 01

    A project archive with layers

    Projects sit in three main categories, and the Architecture category divides further into types such as bungalows, highrise, commercial and farmhouse.

    Top level
    Three categories
    Architecture
    Seven project types
    Home page
    Filtered featured work
  2. 02

    A home page that tells the story

    The home page moves from an opening statement to featured work, areas of expertise, a five-step approach and client quotes, ending with the studio's contact details.

    Approach
    Five steps
    Featured work
    Filter by category
    Footer
    Office, email, phone
  3. 03

    Enquiries with context

    The contact page has an enquiry form that asks for a project type, with options from residential architecture to heritage restoration, alongside the office address.

    Form
    Project type selector
    Options
    Five project types
    Details
    Address, email, phone

Key features

What made it
useful

  • Navigation

    Featured work filter

    Home page visitors can filter the featured projects by category, then open the full archive when they want to see more.

    Business impact

    Quick portfolio browsing

  • Storytelling

    About page timeline

    The about page sets out the studio's history as a short timeline, with its principal and design beliefs below.

    Business impact

    Studio story in one place

  • Contact

    Details on every page

    The site footer repeats the office address, email and phone number, so a visitor never has to go looking for them.

    Business impact

    Contact always in view

Before and after

How the work
changed

Browsing work

Before

One long gallery

Visitors scroll through every project to find what matters to them.

After

Sorted archive

Visitors go straight to a category, then to a project type.

Learning about the studio

Before

Scattered details

Background and working process are often missing or hard to find.

After

Clear pages

An about page covers the studio's history, and the home page sets out its approach.

Getting in touch

Before

Blank message box

A general form gives the studio little context.

After

Typed enquiry

Visitors choose a project type, so the studio can see what the enquiry concerns.

Results

The business
difference

  1. Portfolio

    Three project categories

    Work sorted by type

    The site now lets a visitor go from a main category to a specific project type, instead of scrolling a single gallery.

    Before: Long galleryAfter: Sorted archive

  2. Clarity

    Five-step approach

    The process is on show

    A five-step section runs from discovery to handover, so visitors can see how the studio works before they write in.

    Before: UnexplainedAfter: Set out

  3. Enquiries

    Project type selector

    A form with context

    The contact page asks for the project type, which gives the studio a clear starting point for each reply.

    Before: Blank messageAfter: Typed enquiry

Trust and control

How we kept it
safe and reliable

  • 01

    Easy-to-find contact details

    The office address, email and phone number appear in the footer of each page.

    Always visible
  • 02

    Published legal pages

    The footer links to a privacy policy and terms of service, and offers cookie settings.

    Site policies
  • 03

    Simple enquiry route

    The form asks for a project type and message, so a visitor gets in touch without any account or sign-up.

    No account needed

Faster delivery

Built on tested foundations

These parts share one visual style, so the site reads as a single portfolio from page to page.

  • Page templates

    Give the home, about, project and contact pages one consistent look.

  • Project archive

    Organises work into categories and project types, with a page for each.

  • Enquiry form

    Captures the visitor's project type and message for the studio.

  • Shared navigation

    Keeps the same menu and footer links across the whole site.

FAQ

Straight
answers

Have a different question? Ask it on a 30-minute call.

Ask us on a call

We created the JB Architects website, not any of the studio's architecture or interior work. The site includes a home page with featured projects, an about page with a timeline of the studio, a project archive sorted by category, and a contact page with an enquiry form.

Give your studio's work a site that does it justice

If your portfolio has outgrown a single gallery, we can help you organise it into a website that makes it easy for clients to find the right work.