Eryn Pierce Design
Designer and Art Director working in Lander, Wyoming.
Screen+Shot+2019-08-08+at+10.05.30+AM.jpg

UI and UX


 

Professional project for NOLS | 2019

In 2018, the creative team set out to improve the NOLS website in the following areas: mobile interfaces, loading times, design, scrolling length, content hierarchy, accessibility, and the communication/interaction between designers and the development team. We decided to use Sketch, InVision, and Abstract to accomplish this goal. Here are a couple of the products I helped art direct and set up the foundations for. I worked in collaboration with Nikole Wohlmacher (UX designer and project manager), Kristen Lovelace (UI designer), Molly Herber (writer), and Laura Griffee (front-end developer and UI designer). This work is currently still in progress and I co-lead this project with Nikole and Laura from Jan. 2019-Aug. 2019. To view the entire design system visit the NOLS’ InVision design system management tool Wind Pants.

 

Foundations

Colors

Accessibility
Screen Shot 2019-08-08 at 10.03.16 AM.png

Typography

🌲Typography (Master @ 01dd1cb)_Page_1.jpg
Applying Type.jpg

Projects using the NOLS Design System:

NOLS Course Finder

Course Finder Mockup
Screen+Shot+2019-08-07+at+4.39.27+PM.jpg
Credit:  design, layout, testing, and research by Laura Griffee / strategy, interviews, site structure, and research by Nikole Wohlmacher & Eryn Pierce / Art direction by Eryn Pierce

Credit: design, layout, testing, and research by Laura Griffee / strategy, interviews, site structure, and research by Nikole Wohlmacher & Eryn Pierce / Art direction by Eryn Pierce

NOLS Homepage

Screen Shot 2019-09-02 at 12.53.37 PM.png
Screen Shot 2019-09-02 at 12.53.58 PM.png
Screen Shot 2019-09-02 at 12.54.23 PM.png
Credit:  design and layout by Kristen Lovelace and Laura Griffee / site structure and testing by Nikole Wohlmacher / Art direction by Eryn Pierce

Credit: design and layout by Kristen Lovelace and Laura Griffee / site structure and testing by Nikole Wohlmacher / Art direction by Eryn Pierce

Course Session Pages

Credit:  design and layout by Laura Griffee / strategy, interviews, site structure, and research by Nikole Wohlmacher / Art direction by Eryn Pierce

Credit: design and layout by Laura Griffee / strategy, interviews, site structure, and research by Nikole Wohlmacher / Art direction by Eryn Pierce


 

Professional project for NOLS | 2015-2019

In order to understand our customers better and improve the user experience of our website, we worked with stakeholders around the school and conducted over fifty interviews to identify key market segments, and develop and validate personas that represented the people within those key market segments.

 

Personas

Personas
Screen Shot 2019-08-08 at 10.00.45 AM.png
Screen Shot 2019-08-08 at 10.01.20 AM.png
Screen Shot 2019-08-08 at 10.01.29 AM.png

Credit: artwork, interviews, research by Kristen Lovelace / strategy, interviews, research, and content by Eryn Pierce