Jacob's Pillow

I led the UX for the redesign of jacobspillow.org while a Junior UX Designer at Barrel NY.

With support from the rest of the UX team and through collaboration with the Design and Development teams, I conducted weekly client meetings, completed a site audit, and designed wireframes and sitemaps.

Calendar

  • I conducted rounds of sketching, wireframing, and plug-in testing alongside the Development team to ensure the correct information would be pulled in for this feature.
  • A challenge was considering on- and off-season calendar views (on-season has a lot of events, off-season has barely any) and how to design something sleek and useable for both instances. 
  • I thought through user flows and conducted competitor research to understand how information is best understood via calendars. 
  • The filter system for the calendar is two tier and allows for super customizable searching.
jacobspillowmock1.jpg

Performance Page

  • I considered how key data on this page (date, ticket link, description, etc.) would be pulled into the calendar via the back-end of the website.
  • I wanted to draw attention to the main goal– buying tickets– via the Buy Tickets button placement.
  • Keeping the button both in the header and predominantly on the sidebar of the page was the best solution to guide users on the ticket buying path.
jacobspillowmock2.jpg

School Application

  • To keep the number of page templates reasonable, I altered the Performance Page layout (left) to also work as the school application page.
  • The interior paragraph text included styling options for links and subheadings. 
  • I worked with the Design team to develop style guide implications for this complex page in order to achieve the correct hierarchy of information.
JPNAV

Navigation Wireframe

  • A rough draft wireframe that led to the site's final navigation. 
  • This wireframe reflects the site's new architecture and hierarchy via the main menu and the dropdown menus.
  • The hierarchy of pages is apparent in the bolded "heading" categories and the smaller "sub categories" listed beneath them. 
  • This mockup was eventually put into Invision, a prototyping app, to present to clients in a realistic and interactive manner.
Artboard 1.png

Sitemap Draft

  • This is the Jacob's Pillow website architecture we found after diving deeply into the old website.
  • We worked off of this sitemap to create a new and improved site architecture.
JacobsPillow_AD-for-BARREL-Wireframe-Homepage.png

Homepage Wireframe

  • This is a final draft of the Jacob's Pillow homepage wireframe.
  • Showcasing a variety of content pulled from intake done with the Jacob's Pillow team. 

(Format, styling, and information are all property of Barrel).

Mobile Calendar Wireframe

  • An example of a rough draft wireframe that led to the site's final calendar.
  • I designed the mobile and desktop calendar views simultaneously to ensure the responsive design was feasible. 
  • A challenge for the mobile calendar was ensuring the different event types were clear– that is why icons/visuals were chosen to portray different features of various events.
  • The date and day of week would be sticky, so users would scroll through the event info, with the date and day of week refreshing as they scrolled into a new section.
Mobile Homepage WireframeAn example of a the responsive view for the homepage.

Mobile Homepage Wireframe

An example of a the responsive view for the homepage.