User Experience and User Interface (Ux/UI) and Web Development

User Experience and User Interface (Ux/UI) and Web Development

Cornell University Cooperative Extension Website

My Role: Lead the creative direction and UI/UX responsive design for Extension public facing web presence.

CVM branding website screenshot
CVM branding website screenshot
CVM branding website screenshot

The Problem:

Cornell University Cooperative Extension's public-facing website needed an overhaul. After years of old and disorganized content (190+ pages), and no defined audience or direction, it was time for a refresh.  

 

The Solution:

Create a modern, mobile-friendly website that showcases Extension programming and activity across New York State.


What I worked on:


  • Interviews and presentations with stakeholders.

  • Brainstorming and ideation of delivering quick information.

  • Event promotion and databases  

  • Responsible for the look and feel for the end user

The Problem:

Cornell University Cooperative Extension's public-facing website needed an overhaul. After years of old and disorganized content (190+ pages), and no defined audience or direction, it was time for a refresh.  

 

The Solution:

Create a modern, mobile-friendly website that showcases Extension programming and activity across New York State.


What I worked on:


  • Interviews and presentations with stakeholders.

  • Brainstorming and ideation of delivering quick information.

  • Event promotion and databases  

  • Responsible for the look and feel for the end user

The Problem:

Cornell University Cooperative Extension's public-facing website needed an overhaul. After years of old and disorganized content (190+ pages), and no defined audience or direction, it was time for a refresh.  

 

The Solution:

Create a modern, mobile-friendly website that showcases Extension programming and activity across New York State.


What I worked on:


  • Interviews and presentations with stakeholders.

  • Brainstorming and ideation of delivering quick information.

  • Event promotion and databases  

  • Responsible for the look and feel for the end user

Who is this website for?

The first thing that I needed to do was to help define the site audience. Who is this for? What purpose does it serve? 

Post-it notes on a whiteboard
Post-it notes on a whiteboard
Post-it notes on a whiteboard

Discovery

During the interview phase, we identified the following key audience members: Elected Officials, Media, Farmers, and Cornell/Extension employees.

IMG of user personas
IMG of user personas

Interviews

I conducted a range of interviews with stakeholders, co‐workers, and friends. This allowed me to gauge what people were saying about our website. I also utilized reports from Google Analytics to understand users' motivations for using the website.

IMG of google webstats
IMG of google webstats
IMG of google webstats

Content Audit

Next, I conducted a content audit where I cross-referenced over 190 pages with our analytics data.  The results of the audit found that the current site was not getting any returning visitors other than our content editor.  This helped our team determine that the best scenario was to start fresh.

IMG of a whiteboard
IMG of a whiteboard
IMG of a whiteboard

Taxonomies

The next step was to define our new taxonomies for the public site.  Working with our content editor and communications team, we defined our key mission mandates and developed sections by program area.

IMG of a website wireframe
IMG of a website wireframe
IMG of a website wireframe

Prototype Phase, Iterate and Test!

I quickly mocked up some potential designs in Sketch and we hit the ground running. With our initial prototypes, we found that the current base theme did not have reliable support. We ended up choosing a base theme with better responsive design tools, which enabled us to achieve our responsive goals faster.

IMG of TV with a webpage displayed
IMG of TV with a webpage displayed

Final Reveal

After much testing, the new website was soft-launched.  Stakeholders had the opportunity to try out the new website and provide feedback on any issues they encountered. The reception we received about the new site was overwhelmingly positive.