top of page
behr_title copy.png

UI/UX

BEHR PAINTING

APP REDESIGN

for a more enjoyable painting experience.

UI/UX design // Fall 2020

in collaboration with Brooke Williams

research partnership with BEHR

OBJECTIVE

Working with research and insights gathered from a group of students working with BEHR, the goal of this project was to create a more intuitive and user-friendly painting experience through the redesign of the BEHR mobile application.

behr_UIoverview_2_edited.png
Behr_startupandlogin2.png
Behr_inspirationandprojects.png
Behr_colorexploration2.png
Behr_estimatesandshopping2.png

RESEARCH

After receiving raw data concerning several users' painting experiences, the research was organized using a visual hierarchy in order to highlight pain points in the painting process. 

BEHR_research_edited.jpg

The journey map above follows user emotions in association with painting-related tasks. 

INSIGHTS

Establishing a design direction based on synthesized research results.

behrjourneymap_edited.jpg

The workflow diagram above compartmentalizes tasks and uses red circles to call attention to particularly troublesome aspects of the painting process according to user feedback.

behr_benchmark_edited.jpg

The benchmarking assessment above outlines highlights and pain points of the existing Behr mobile app, as well as alternate competitive paint assistant apps.

takeaways & design goals

behr_benchmark_edited.jpg

REFINED MOBILE APPLICATION NEEDS

behr_projectstatement.png

IDEATION

Initial concept generation for UI design based on four major identified steps in workflow process.

behr_conceptideation.png

CONCEPT REFINEMENT

behr_3concepts (1).png

CONCEPT SELECTION

A scoring matrix was used in order to quantitatively compare the three proposed concepts. Selection criteria was chosen based on established user needs extracted from research.

behr_scoringmatrix.png

FINAL DESIGN

Overview and sample UI screens for final mobile app design.

behr_UIoverview.png
Behr_startupandlogin2.png
Behr_inspirationandprojects.png
Behr_colorexploration2.png
Behr_estimatesandshopping2.png
behr_topshot.png
bottom of page