web design + illustration
vitruvius-banner.png

VITRUVIUS — DESIGN + RESPONSIVE WEB DEV

VITRUVIUS — design + RESPONSIVE web DESIGN

Vitruvius is a fictional custom home renovations and space transformations company. 

 

Scope

Research / Personas / Logo / Styletiles / Wireframes / Design / Build 

Process

description

The aim of this project was a to build a small responsive site from the ground up. There are many challenges that present themselves with designing for a responsive site. One of them being creating an efficient framework that allows for the expansion and reduction of content. A layout can drastically change from a desktop, to mobile viewport, and in turn affect the user experience. This particular project features 3 pages that is a mix of fixed and fluid responsive styles.

Professional, clean and crisp edges describe the overall aesthetic of this design. The name of the company is inspired by the Roman architect, Marcus Vitruvius Pollio, who is known for his text De architectura. In this text, he stipulates that design should revolve around these three central themes: strength, functionality and beauty. These three themes are a part of Vitruvius’ values. 

 
reno_site_map-01.png

Site Architecture

The site architecture plays an integral role in determining the content of the website and overall user experience. 

 

Sketches

 

COLOUR + Logo Iterations

 

Styletiles

vitruvius_style1.png
vitruvius_style2.png
 

Wireframes

Homepage

Portfolio

v-portfolio.jpg

Process

v-process.jpg

Page designs

vitruvius-devices2.jpg