Press tab to cycle pages
  • Static Image

    Home

  • Static Image

    About

  • Static Image

    Accessible drag and drop

  • Static Image

    Mailchimp Core Experience

  • Static Image

    Mailchimp Experience Vision

  • Static Image

    Atlas

  • Static Image

    Mailchimp Design Architecture

  • Static Image

    Archives Gallery

  • 000

    Creating the digital home for a collection of portraits

    • Contributions: Design engineering
    • Timeline: 2019

    000 is a project by photographer and friend of this website, Roy Handy. The project aimed to give women, specifically women of color, a platform to express the cultural appreciation of owning their true self, through their hair. Roy originally published a book of portraits of women talking about embracing their nature hair, and we eventually got on the path of creating a web presence to coincide with the book.

    000 index
    ❶ 000 index

    ↬ Where did we start?

    ① Roy initially made a prototype in After Effects showing what he was thinking for the interaction. After tweaking it a little bit, I started thinking about how I’d go about building the web app.

    I knew I’d use Vue to build, but I also wanted to create something that would be easy to update for someone that might not be super technical. So after doing some research, I decided to go with a static site generator for Vue, called Saber.

    ❷ Initial prototype test
    Index interaction sketch
    ❸ Index interaction sketch
    Detail interaction
    ❹ Detail interaction

    ↬ What did we do?

    ② I fleshed out the three main page layouts: the index page, detail pages and the about page. I also to thought about how the transitions happen across the page layouts. The goal for the visual design was to create an editorial type layout / experience.

    front matter
    ❺ front matter
    ❻ Live code
    About page
    ❼ About
    Mobile screens
    ❽ Mobile screens
    dark rainbow gradient

    Your travel guide

    Experience the website travel guide, brought to life in rich high-definition video, narrated by me: Matt.