Hutch Design

BACK TO PROJECTS

Kelsey Smith

UI/UX

Portfolio

The Challenge

Kelsey Smith, an up and coming Director of Photography, needed a complete overhaul of her portfolio site. Looking for something that felt like her and caught the eye of potential clients.

For this project, I preformed a complete reskin of her then current portfolio site, including a new look and feel, Information structuring, and site interactions.

Kelsey Smith, an up and coming Director of Photography, needed a complete overhaul of her current portfolio site. Looking for something that felt like her and caught the eye of potential clients.

For this project, I preformed a complete reskin of her then current portfolio site, including a new look and feel, Information structuring, and site interactions.

Kelsey Smith, an up and coming Director of Photography, needed a complete overhaul of her current portfolio site. Looking for something that felt like her and caught the eye of potential clients.

For this project, I preformed a complete reskin of her then current portfolio site, including a new look and feel, Information structuring, and site interactions.

Kelsey Smith, an up and coming Director of Photography, needed a complete overhaul of her current portfolio site. Looking for something that felt like her and caught the eye of potential clients.

For this project, I preformed a complete reskin of her then current portfolio site, including a new look and feel, Information structuring, and site interactions.

Key Objectives

Align with client to understand their needs
Create look and feel based on client's own shooting style
Construct wireframes to align on site structure
Use Semplice (Wordpress theme) to develop site
Work with client to Q+A site and ensure responsive design throughout desktop, tablet and mobile viewports.

An assortment of created pages.

Inspired by their love of streetwear, their work with up and coming artists, and their vibrant commercial work. This direction uses maximalist design standards to place the emphasis on their work.

Project thumbnails feature bold typography with vibrant imagery, and clear structuring.

Utilizing animated thumbnails to provide a lot of context in a short amount of time.

Using a tabbed navigation that encourages users to stop and explore while reducing page height

A comparison of the two project thumbnails. Left side is more broken out, adding more context. Right side features an animated gif to lure the viewer in.