Luke

EB Architects

Web Design

Photography

Design and build of an online presence for an architecture firm.

View Website
Role

Sole designer and developer

Audience

Students that want to learn more about the history behind the art that is being displayed at the Vermont Museum of Art.

Date

September 2021

Role

I was commissioned to conceptualize, design, build and test a website. Mockups and drafts were designed in Figma, and for cost efficiency built in Wix. Team and site images were also done to populate the site.

Challenge

The main challenge was to keep a technical service fun and approachable. Client wanted something different than your normal firm-based website. The idea was to achieve this by use of typeface and colouring.

Mood board

Mood boards are useful tool early in the design process to help understand the overall look, feel and tone of the site build. Guiding the client towards the next phase and assuring consistency.



User Flow

Visual Identity

Typography

The challenge was to find the art direction that matched the artwork on display. I selected the general atmosphere, colors, and typography that fit with the brand image and product photogrpahy.

Colors
#0e385a
#d7c0b8
#40251b
See It Live

Landing page above the fold

Call To Action

The art movement page, where users are given a description of the selected collection

Additional Services

The client requested new team images be taken with the new look and feel. This was achieved by a multi-light setup allowing me to achieve the signature blue hue. I have also been commissioned to photograph their completed projects on an ongoing basis.

A visual timeline of every artwork on display from the selected collection

Tech Stack

  • Figma - Initial web design low fidelity prototypes & high fidelity prototypes
  • Adobe Creative Suite - Image correction & manipulation (Photoshop). Web graphic asset generation (Illustrator)
  • WIX - Site build
  • Lucid - User Flow Generation

A visual timeline of every artwork on display from the selected collection

Lessons Learned

Takeaways

This was a great project for understanding in the UX process from user research to website implementation.

Next Project