Linea 7

November 2020

Services
Web Design
Webflow
Sector
Architecture
Live site →

The Challenge

Creating presence

Linea 7 is a multidisciplinary design firm that had an incredible portfolio of work but no online presence or brand identity. They needed a website that matched the elegance and quality of their work in order to gain new leads for future projects.

The Solution

An elegant portfolio

I worked quickly with Linea 7’s team creating several design directions and a website that allowed their beautiful documentation to be front and center supported by tasteful typography and color choices.

The Linea 7 homepage

Exploration

Creating & iterating

Since Linea 7 had no design assets and a clean slate a large part of this project involved narrowing down options and refining the design language for the brand.

I started by creating three initial designs for the homepage to give us several different styles to choose from, they varied from very light and clean using geometric sans serifs to a dark theme with an artsier feel and layouts. We ended up going with Option B which I continued to refine as we moved forward.

Option C for the Linea 7 homepage
Option B for the Linea 7 homepage
Option A for the Linea 7 homepage
A building designed by Linea 7
  • #131312
  • #1c1c1d
  • #5d5b57
  • #c6c3be
  • #dfdbd5
  • #ffffff

Web Design

Creating a dynamic portfolio

Once we had landed on a general design style I dialed in the details using Roc Grotesk as the display typeface paired with Sweet Sans Pro for body text. For the color palette we went with a dark theme grayscale with a bit of warmth added in to complement the soft lighting used in a lot of Linea 7’s documentation. With regards to the structure we went for a minimal and easy to navigate experience including a dynamic home page that explained the studio's capabilities, and individual project pages that exhibited the project summary, design features, and images of the final product.

The page for Takahiro's home on the Linea 7 website
An interior of Takahiro's home, designed by Linea 7
A detail of Takahiro's home, designed by Linea 7

Development

And… launch

When it came to development I created the website using Webflow, it was a relatively seamless process where I added in interactions, built out the CMS structure for the portfolio and ensured the site was completely responsive and mobile optimized.

A featured project on the Linea 7 website, on a phone
The Linea 7 gallery page on a phone
A Linea 7 project page on a phone
The Our Projects section of the Linea 7 website
The about section of the Linea 7 website

My Story

Next Project

(Click and Hold)