MonoLab Studio

UI/UX website design for a global multidisciplinary design and architecture firm

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

MonoLab Studio needed a new website with goals of increasing business opportunities and appealing to more corporate and commercial clients.

Research

To inform an effective design, we conducted research. We studied websites of other design firms in content, design, and experiences, from which to draw lessons and find opportunities for MonoLab. We interviewed client developers to understand their behaviours and preferences when shortlisting a design firm for project opportunities. We also evaluated a visual mockup MonoLab gave for potential usability issues and later validated them with the developers.

Two key insights were gathered: (1) A website’s content is most important (more than its design, features and functions) — specifically, projects, team information, and blog articles. (2) Client users want to find and consume information quickly and effectively off a design firm’s website.

MonoLab Studio
MonoLab Studio
MonoLab Studio

Design

Informed by research, we worked with MonoLab on content strategy and development, and a design that is straightforward and user-friendly while maintaining the firm’s design aesthetic.

We developed wireframes and prototypes in determining the most effective responsive design, and tested them with client developer users. 4 rounds of design iterations were made to produce the final high-fidelity website.

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
GOT A

WOW IDEA?

LET'S MAKE IT HAPPEN