Responsive website re-design and re-brand for multi-media artist Erin Frost exhibiting a portfolio of video, photography, and painting.

Client

Erin Frost, Mexico City based visual artist

Scope and Focus

Erin Frost's personal artist website is currently an archive for decades of work, the artist would like to update the site to be
more aligned with her aesthetic, her brand and her recent body of work. It will consist of a curated selection of her portfolio and recent works.

High Level Design Goal and Objectives

Design an attractive responsive website showcasing a space that is representative of the artist and her recent works for her to share with both her community and strangers.

New branding and site design that aligns with her portfolio.
Understand and categorize her portfolio for easy user access throughout the site.
An easter egg of a video on the site as a surprise for interested users.

Tools

Figma, Whimsical, Google Forms, Maze

discovery and research

Insights

Comparison between four artist websites working in the same mediums as the client
including photography, video, painting and installation.

It is a standard for artists to have a white background, similar to a gallery IRL.

The gallery page layout for artwork tends to frame the artists portfolio using a grid layout.
The thumbnails then lead to pages with larger images and sometimes more details of the work.

The menus are usually on top or to the left with titles differentiating bodies of work.

Some artists experiment more conceptually creating playful homepages or gallery pages, it depends on the medium of the artist. If they are more traditional in the sense of painting and photography they are more straightforward and user friendly however the exciting websites for artists are by multi-media artists who can activate their website giving it life.

User Interviews

Project Goals

Persona

Key Features

Homepage
Curated Portfolio including photography, painting and video
Press / Interviews
Contact / About

User Flow

Site Flow

Wireframe Sketches

brand development

Style Guide

Working with the client’s palette from her creations I developed a style guide that would compliment her artwork and palette.

Mood Boards

Usability Testing Results

Success rates: 73.3%

Task time: 4 seconds per task

Error rates: 6%

Satisfaction questionnaire: 20% difficulty rating

The first few tasks were easier for the users to navigate through. Once it became more experimental for the user to explore they then thought they weren’t accomplishing the tasks correctly.

The navigation was unclear and non-intuitive at first, in adding hover states and indicating a continue to see more work at the bottom of each page brought clarity to the user and options for how to move throughout the site.

Affinity Map

Reflection

This is an ongoing project set to be accomplished by January 2022. The client has given feedback on the initial design in addition to the user testing I will simplify the menu interaction and keep with the overall aesthetic and UI design. I loved to work with video, gifs and the interactive playful elements. I learned about pushing the boundaries within the medium and look forward to launching the site irl.

What’s Next?

Fine tune easter egg of video work for accessibility.

Complete up to date portfolio of clients work.

Add images of the clients work throughout site’s gallery pages.