Skip to content
ZANARIX
All work
  • Concept

Taloviira Studio.

A client portal and studio dashboard for a fictional architecture studio: every project's stage, drawings to approve, documents and invoices, in one calm place for clients and one clear overview for the studio.

Type
Client portal & studio dashboard · Web application
Scope
Identity · Client portal · Studio dashboard
Studio
Fictional, created by Zanarix
Screens
Concept · Sample data
Client portal · Concept screen · Sample data · Fictional studio

The problem

Projects run on email threads, and clients never quite know where things stand.

We set ourselves a brief: a small architecture and interiors studio with a handful of projects at a time. Drawings go back and forth by email, versions get mixed up, approvals hide in long threads, and invoices live somewhere else.

Clients keep asking "where are we?", and the studio has no single view of which projects are waiting for a client and which are waiting for them.

The idea and approach

One place for each client, one overview for the studio.

Taloviira is an invented name, inspired by the sound of Finnish words. The identity is precise and warm: a tiny floor-plan mark, chalk and graphite with a terracotta accent, and a geometric typeface.

Each client signs in to see their project's stage, the next meeting, drawings waiting for approval, documents and invoices. Comments are pinned to the drawing itself, every version is kept, and approving takes one button. The studio sees every project on one dashboard: who is waiting for whom, hours and outstanding invoices.

Key features

What the concept covers.

Designed as concept screens. There is no working demo, and the sign-in screen doesn't work.

  • Project stages

    Five clear stages from brief to build, so clients always know where their project is.

  • Drawing approvals

    Comments pinned to the drawing, every version kept, and one button to approve or request changes.

  • Documents

    Drawings, material boards and agreements in one list, newest first.

  • Invoices

    Each stage's invoice with its status, so clients always know what's due and when.

  • Studio dashboard

    Every project on one screen: stage, next step, who needs to act, hours and invoices.

  • Easy sign-in

    Clients sign in with a link sent by email: no password to remember.

Identity and screens

Precise for the studio, calm for the client.

Taloviira Studio's identity and concept screens: a fictional studio, designed by Zanarix.

Taloviira Studio

Primary logo

Mark on Graphite

Palette

  • Chalk

    #F4F2EE

    Background

  • Graphite

    #2A2E33

    Text, primary

  • Terracotta

    #B85C38

    Accent, actions

  • Stone

    #CFC8BD

    Lines, panels

  • Oak

    #C8A67A

    Warm details

  • Fog

    #E7EBEE

    Cool panels

Typography

Aa

Manrope

Geometric and precise, like a good drawing, but warm enough for clients who aren't architects.

Guidelines

  • Terracotta only for the one action that matters on a screen.
  • Drawings get the most space; the interface steps back.
  • Every status says what happens next, and who has to act.

Studio dashboard

The studio's side: every project, who is waiting for whom, hours and invoices, on one screen.

Studio dashboard · Concept screen · Sample data

Approving a drawing

Comments pinned to the drawing itself, every version kept, and one clear button to approve.

Drawing approval · Concept screen · Sample data
  • Sign-in · Concept · Not functional
  • Client portal on a phone · Concept screen · Sample data

Design highlights

The drawing gets the space.

  • One action per screen

    Terracotta marks the one thing that matters, usually "Approve".

  • Status says who acts

    Every step says what happens next and who has to do it, the studio or the client.

  • Built for non-architects

    Plain words and big, clear drawings, for clients who have never read a floor plan before.

  • Phone-friendly approvals

    A client can check progress and approve a drawing from their phone in a minute.

Technology

How we would build it.

Next.js + TypeScript
One web app for both the client portal and the studio dashboard.
Roles and access
Each client sees only their own projects; the studio sees everything.
Files and versions
Drawings stored with every version kept, in the EU.
Sign-in by email link
Secure, password-free sign-in for clients.

What it would do for a business

What a portal like this is designed to do.

For a real studio, a portal like this aims to:

  • Replace "where are we?" emails with a page clients can check any time.
  • Keep every approval and version in one place, easy to find later.
  • Show the studio at a glance which projects are waiting, and on whom.
  • Make invoices predictable for clients, stage by stage.

Intended outcomes, not measured results.

Services involved

Each one links to more of our work in that service.

All concepts, designs and content © Zanarix. All rights reserved.

All brands, products, people and data in Zanarix concepts are fictional. Any resemblance to real companies is coincidental.

Next step

Need a portal or dashboard for your clients?

Tell us how you work with clients today. We'll show you how a portal could make it clearer for both sides.

Start a web app project