Luke

Turnmill Hydraulics

Web Design

Photography

Marketing Collateral

Design and build of an online presence for an engineering company.

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, after which I also re-designed the company profile and continues providing printed marketing material.

Challenge

Main issue I faced was having to complete everything within a month, this led me to find an abundance of resources and automations to assist, especially when it came down to developing the brand guide. Further developing my expertise in working as efficiently as possible.

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
#410b0b
#df8338
#f9d9c0
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 orange hue. I have also been commissioned to photograph their head offices and workshops. Complimentary to this, I also design and supply their marketing collateral such as company profiles, presentation folders and brochures.

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). Catalogue design (InDesign)
  • 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