UX DESIGN + STRATEGY

Building an immersive digital experience.

Ithaca College was in need of a complete digital overhaul to re-energize the brand online, build stronger engagement with students, alumni, faculty, and staff, in a highly competitive market that highlights types of talent, personality, 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, build stronger engagement with students, alumni, faculty, and staff, in a highly competitive market that highlights types of talent, personality, 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, build stronger engagement with students, alumni, faculty, and staff, in a highly competitive market that highlights types of talent, personality, 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, build stronger engagement with students, alumni, faculty, and staff, in a highly competitive market that highlights types of talent, personality, 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 design process includes 5 stages: Empathize, Define, Ideate, Prototype, Test. This process is a series of recursive steps that I follow during the formulation of the product from concept to delivery. Having a well-structured process is essential as it helps to stay focused and on schedule.

The design process includes 5 stages: Empathize, Define, Ideate, Prototype, Test. This process is a series of recursive steps that I follow during the formulation of the product from concept to delivery. Having a well-structured process is essential as it helps to stay focused and on schedule.

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