UX DESIGN + STRATEGY

Building an immersive digital experience.

Ithaca College was in need of a complete digital overhaul to re-energize the brand online and build a stronger appeal with students and alumni in a highly competitive market and to celebrate the types of talent, character, culture, and ambition that make IC, unlike any other college or university.

Ithaca College was in need of a complete digital overhaul to re-energize the brand online and build a stronger appeal with students and alumni in a highly competitive market and to celebrate the types of talent, character, culture, and ambition that make IC, unlike any other college or university.

ROLE: LEAD UX DESIGNER

ROLE: LEAD UX/UI DESIGNER

OBJECTIVE

OBJECTIVE

OBJECTIVES

  • Create a responsive design that unifies the site experience.
  • Design an IA to cater for Ithaca College’s core audiences.
  • Improve workflow processes, accountability, and management of the website.
  • Develop a site with a rich and flexible content authoring and management experience, using an open source CMS - Drupal.
  • Use the COPE (Create Once Publish Everywhere) model to distribute content
  • Organizing thousands of pages of legacy content and creating new experiences for various audiences, priorities, and user journeys.
  • Create a responsive design that unifies the site experience.
  • Design an IA to cater for Ithaca College’s core audiences.
  • Develop a site with a rich and flexible content authoring and management experience, using an open source CMS - Drupal.
  • Use the COPE (Create Once Publish Everywhere) model to distribute content
  • Organizing thousands of pages of legacy content and creating new experiences for various audiences, priorities, and user journeys.
Ithaca College Website Overhaul Screens

DESIGN PROCESS

DESIGN PROCESS

THE PROCESS

The research was a critical part of the design process. We interviewed students, parents, and faculty, conducted co-design exercises, and tested critical assumptions with our users in order to arrive at our final designs. Not only did this ensure that we were truly designed with our user's needs in mind, but it also helped focus a diverse array of projects stakeholders on what really mattered. 

Research was a critical part in design process and prioritizing visual hierarchy of individual elements that reinforced the tone while making interactions feel effortless. We interviewed students, parents, and faculty, conducted co-design exercises, and tested critical assumptions with our users in order to arrive at our final designs. Not only did this ensure that we were truly designing with our user's needs in mind, it also helped focus a diverse array of projects stakeholders on what really mattered.

ithaca college device presentation

RESEARCH & STRATEGY

RESEARCH & STRATEGY

RESEARCH & STRATEGY

RESEARCH & STRATEGY

  • Planning Workshops
  • Stakeholder Interviews
  • Analytics Audit
  • Primary User Research
  • Planning workshop
  • Stakeholder interviews
  • Analytics audit
  • Primary user research
  • Content Audit
  • Competitive Analysis
  • Tree Testing
  • Content Map/Strategy Creation
  • Content audit
  • Competitive analysis
  • Tree testing
  • Content Map/strategy creation
Vision Chart

User Needs Discovery and IA Navigation Sitemap.

User Needs Discovery (top) and IA Navigation Sitemap (bottom).

IA Sitemap

DESIGN & STRATEGY

DESIGN & STRATEGY

  • UI Audit
  • Mood Board and Brand Exploration
  • Usability Testing
  • Built modular design system
  • UI framework in Pattern Lab
  • Wireframe and Prototype
  • Built a modular design system
  • UI library framework in Pattern Lab
  • Combination of desirability and  usability testing (lean process)
  • Develop a modular design process to build the site for easy content creation, customization, and curation.
  • UI Audit
  • Mood board and brand exploration
  • Usability testing
  • Wireframing and Prototyping
Brand Explorations

Mood Board of Brand Exploration

WIREFRAMES

WIREFRAMES

WIREFRAMES

Content recommendations documents provided by content strategists for priority landing pages helped speed up the wireframe process to ensure the vision of the page is achieved and the integrity of the page remains intact. We presented wireframes to campus partners allowing them to provided real time feedback.

Content recommendations documents provided by content strategists for priority landing pages helped speed up the wireframe process to ensure the vision of the page is achieved and the integrity of the page remains intact. We presented wireframes to campus partners allowing them to provided real time feedback.

Editorial guidelines provided by content strategists for priority landing pages helped speed up the wireframe process to ensure the vision of the page is achieved and the integrity of the page remains intact. We presented wireframes to campus partners allowing them to provided real time feedback via Invision collaboration tool.

Admission Wireframe
Admission Wireframe Feedback

Admission Wireframe and Admission Wirefram Feedback.

Admission Wireframe and Admission Wirefram Feedback.

DESIGN SYSTEM

DESIGN SYSTEM

To maintain consistency and guarantee efficient design to dev handover, I developed a modular design system based on Brad Frosts, Atomic Design methodologies that provided a unified library of including typography, space, layouts and grids, color, components, pattern usage, and coding conventions. Every component can be rearranged and combined with others while maintaining design consistency and recognizable UI patterns for the user.

To maintain consistency and guarantee efficient design to dev handover, I developed a modular design system based on Brad Frosts, Atomic Design methodologies that provided a unified library of including typography, space, layouts and grids, color, components, pattern usage, and coding conventions. Every pattern can be rearranged and combined with others while maintaining design consistency and recognizable UI patterns for the user.

IC Design System Screens

IC's Design System Screens

Screens and slideshow of Ithaca College's Design System

Screens and slideshow of Ithaca College's Design System

Malcuria Studio Logo

Let's build something great together!

Let's build something great together!

Let's build something great together!

hello@malcuriastudio.com

©2018 Malcuria Studio. All Rights Reserved