Role: Lead UX & UI Designer
Ithaca College (IC) is one of the top 10 universities in the northeast. Its mission is to educate, engage, and empower through theory, practice, and performance. The project goal was to replace legacy website platforms to provide modern web capabilities, deliver an exceptional user experience that improved the student journey, and place our primary audiences’ needs, preferences, and behaviors at the very center of our design, content, and information.
This was the biggest change to the design, content, tech, and structure in over a decade. The challenge was to create a solution that accurately reflects the IC's distinctness while rolling out in a phased release structure which allowed us to release key sections of the site in stages. Our approach was modular, creating a suite of building blocks to construct pages. We achieved this by implementing an Agile Scrum methodology to the project, including all scrum events (sprint planning, daily scrum, sprint review, and sprint retrospective) which helped us to organize our work more efficiently, set clear expectations and timelines.
Our Approach
Design Process
Explore behavior-led research to understand who we’re designing for and why.
Explore behavior-led research to understand who we’re designing for and why.
Explore behavior-led research to understand who we’re designing for and why.
Synthesize customer insights and develop a POV on what to focus on.
Synthesize customer insights and develop a POV on what to focus on.
We analyzed users’ needs and coupled them with business requirements and organizational principles to compile a site strategy that we tested and leveraged.
Quickly generate a lot of ideas through collaborative and cross-functional work sessions.
Quickly generate a lot of ideas through collaborative and cross-functional work sessions.
Prototype solutions, validate with actual users and then iterate based on their feedback.
Prototype solutions, validate with actual users and then iterate based on their feedback.
Deliverables
We reviewed existing materials and conducted stakeholder interviews to establish a view of current product performance, pain points, and standing within our competitive set. We then looked to transform the experience by investigating the students' complete journey and streamlining their digital path.
Using a sample of popular content and site sections (informed by analytics and the existing quantitative content audit) to holistically evaluate content. The audit revealed the following implications:
We used the sample of popular content and site sections informed by analytics and the existing quantitative content audit, to holistically evaluate content. The audit revealed the following implications:
We used the sample of popular content and site sections informed by analytics and the existing quantitative content audit, to holistically evaluate content. The audit revealed the following implications:
Deliverables
Deliverables
Deliverables
Analyzed our users’ needs and married them with business requirements and organizational principles to compile a site strategy that we tested and leveraged for the creation of a site experience.
Analyzed our users’ needs and married them with business requirements and organizational principles to compile a site strategy that we tested and leveraged for the creation of a site experience.
I analyzed our users’ needs and married them with business requirements and organizational principles to compile a site strategy that we tested and leveraged for the creation of a site experience.
Creating personas is an effective way to focus on our users and ensure that we're are designing for their top needs. Using existing research, stakeholder interviews, and quantitative and qualitative analysis we created eight distinct personas to understand the user needs and garner alignment, and help us deliver a more user-centric site experience.
I used existing research, stakeholder interviews, and quantitative and qualitative analysis to create eight distinct personas to understand the user needs and to garner alignment and help us deliver a more user-centric site experience.
Prospective Student Persona
After developing a working IA structure based on findings card sorting sessions, we tree tested a group of 60 participants to ensure information was structured in a way that made sense to our users. This helped to kick off the site and content mapping process.
key Findings:
Deliverables
Based on research learnings and data, I concepted through progressive stages of fidelity from sketches to wireframes and interactive prototypes and worked with engineers to test and rapidly refine and iterate prototypes. I also documented visual and content guidelines to empower content managers and ensure a consistent experience for all users.
Content strategists provided content recommendations documents that helped speed up the wireframe process to ensure the vision is achieved and the integrity of the page remains intact. We presented wireframes to campus partners allowing them to provided real-time feedback via the Invision collaboration tool.
The design is minimal and simple, with large images and clean typography, designed to create a more immersive experience. The new site opens up the width of the canvas, creating new breakpoints to ensure the site displays well on both large screens and smaller devices. White space plays an important role in keeping the experience clean and focused - light and airy to frame content and gives visuals space to breathe. The color palette is fresh and vibrant, and the use of bold imagery and video capture Ithaca’s beautiful campus.
By utilizing a modular design approach we were able to design and build faster and with care. This approach fosters ease of use and long-term success throughout the design process. I built organized component libraries in Figma, and work directly with developers to build, test, iterate, and ship to our global UI component and pattern library.
Through rigorous research, testing and collaboration we successfully launched a student-centered, visually engaging responsive website built on Drupal 8. I worked directly with a talented team of developers to utilized Emulsify and Storybook to facilitate pattern component-based design and architecture. This approach helps teams throughout the organization create consistent brand experiences across all platforms. Migrated content was rolled out in phases to allow content managers to vet content that would live on the new site and gave them a clear path to completion.
By utilizing a modular design approach we were able to design and build faster and with care. This approach fosters ease of use and long-term success throughout the design process. I built organized component libraries in Figma, and work directly with developers to build, test, iterate, and ship to our global UI component and pattern library.
By utilizing a modular design approach we were able to design and build faster and with care. This approach fosters ease of use and long-term success throughout the design process. I built organized component libraries in Figma and work directly with developers to build, test, iterate, and ship to the UI component library.
By utilizing a modular design approach we were able to design and build faster and with care. This approach fosters ease of use and long-term success throughout the design process. I built organized component libraries in Figma, and work directly with developers to build, test, iterate, and ship to our global UI component and pattern library.
IC's Design System Screens
IC's component library screens.
Screens and slideshow of Ithaca College's Design System
Screens and slideshow of Ithaca College's Design System
I built and maintain a digital hub and provides guidelines, tools, and best practices that systematically improve quality, timeliness, and consistency to Ithaca College's digital experience.
I built and maintain a digital hub and provides guidelines, tools, and best practices that systematically improve quality, timeliness, and consistency to Ithaca College's digital experience.
Deliverables
Iterated on prototype & track findings to inform the final designs. Worked closely with data to outlined the site objectives, goals, and KPIs to establish the process by which we will measure and optimize site performance moving forward.
©2020 Malcuria Studio. All Rights Reserved
© Malcuria Studio 2020. All rights reserved.
© Malcuria Studio 2020. All rights reserved.
© Malcuria Studio 2020. All rights reserved.