logo-full
logo-full
  • 01. case studies
  • 02. about
  • 03. contact
  • The Metrick System

    Project

    Web Design & Dev

    Client

    The Metrick System

    Year

    2016

    Introduction

  • The Metrick System is an amazing advertisement agency located in Toronto, Canada. My mission was to improve the digital image of the agency through the website. Indeed, The Metrick System have an impressive portfolio of clients but the website wasn't fitting well with the quality of work that the agency provides.

    visit website

    awwwards

    Honorable Mention

    cssdesignawards

    Special Kudos

    csswinner

    Site of the Day

    webguru

    Guru of the Day

    Nommination

    Special Kudos

    Site of the Day

    Guru of the Day

    Previous UI

    The Metrick System updated its branding a few years ago but the previous website was still using some of the old branding elements such as the typography. Furthermore, the lack of animations wasn't providing the dynamic and creative image of the agency.

    Untitled-2

    New UI

    The agency wished more dynamic, experienced and more trendy than the previous website. The website includes more animated elements, wisely uses white space as well as a trendy typography that provides an image that fits more with the quality work of the agency.

    Color Palette

    #13adef
    #6a737e
    #29333f
    #FFFFFF

    Typography

    Title
    Paragraph

    Lorem ipsum dolor sit amet,

    elit, sed diam nonummy

    nonummy nibh euismod

    volutpat. Ut wisi enim

    Gotham Black

    Lorem ipsum dolor sit amet, consectetuer adi

    elit, sed diam nonummy nibh euismod tin

    nonummy nibh euismod tincidunt ut laore

    volutpat. Ut wisi enim ad minim veniam,

    Gotham Light

    80px

    20px

    Web Design

    desktop

    ipad

    iphone

    desktop

    ipad

    iphone

    Untitled-1 Untitled-1 Untitled-2
    browser

    home

    browser
    The Metrick System: Awarded webdesign & development by Aurelien Vigne

    about

    browser
    Metrick System: Interactive webdesign & development by Aurelien Vigne

    hand coded journal

    browser
    The Metrick System, Front-End Design and Development by Aurelien Vigne

    case Studies

    browser
    The Metrick System: clean webdesign & development by Aurelien Vigne

    article

    browser
    The Metrick System, Minimalist website by Aurelien Vigne
    The Metrick System, responsive website developed by Aurelien Vigne The Metrick System, responsive website designed and hand coded by Aurelien Vigne The Metrick System, responsive website by Aurelien Vigne
    Untitled-3

    Next project

    • Mont Saint Michel 3d

      Web Design/Development

  • © aurelien vigne - 2022
    yay@aurelienvigne.com
    follow me
    twitter dribbble instagram linkedin awwwards