UIUX Design Website Design March 31, 2024

MonoLab Studio—Website Design

Task

Design and develop a website

  • Client

    MonoLab Studio

  • Scope

    Research, Design, Development, Documentation

  • Content

    Information Architecture

  • Design & Development

    Wireframes, UI Design, Prototypes, Iterations

  • Production

    Documentation

  • Tags

    Architecture Firm, Paris, Singapore

Context

Founded in 2021, MonoLab Studio is a multidisciplinary design and architectural firm with offices in Singapore and Paris. They wanted an upgraded website to boost lead generation opportunities.

Research

To guide an effective website design, we conducted thorough research. We examined websites of other design firms, analysing their content, design, and user experiences to draw insights and identify opportunities for MonoLab. We also interviewed client developers to better understand their behaviours and preferences when selecting a design firm for project opportunities. Additionally, we assessed a visual mockup provided by MonoLab, identifying potential usability issues, which we later validated with the developers.

Two key insights emerged: (1) The content of a website is the most crucial element (more so than design, features, or functionality)—particularly project details, team information, and blog articles. (2) Client users prioritise quickly and effectively accessing the information they need from a design firm’s website.

MonoLab Studio
MonoLab Studio
MonoLab Studio

Design

Guided by our research, we collaborated with MonoLab on content strategy and development, crafting a design that is both straightforward and user-friendly, while preserving the firm’s design aesthetic.

We developed wireframes and prototypes to determine the most effective responsive design, testing them with client developer users. After four rounds of design iterations, we finalised the high-fidelity website, which is slated for launch in early 2025.

MonoLab Studio
MonoLab Studio
MonoLab Studio
MonoLab Studio
MonoLab Studio

Identity Colours

Primary
#79553F

R 121
G 85
B 63

Terracotta

Secondary
#E1D6BB

R 225
G 214
B 187

Sand

Grey
#414141

R 65
G 65
B 65

Dark Grey

Grey
#787878

R 120
G 120
B 120

Grey

Grey
#C8C8C8

R 200
G 200
B 200

Light Grey

Typography

Typeface
Avenir Medium

Usage
Titles

THE RESERVE, SINGAPORE

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Typeface
Avenir Light

Usage
Body

The Reserve is a glistening modern monolith that alludes to the robustness of precious commodities and the transparency inherent in the distributed financial technologies of the future.

Mobile Experience

MonoLab Studio
MonoLab Studio
MonoLab Studio
MonoLab Studio
MonoLab Studio
MonoLab Studio

Let's Collaborate