Welcome

I elevate User Experience using telekinesis

Stanford Earth

DESIGNING A DIGITAL ECOSYSTEM FOR STANFORD SCHOOL OF EARTH, SCIENCES & TECHNOLOGY

Overview

Stanford School of Earth & Sciences requested to have its business and digital identity aligned, bringing innovation & tradition to their multiple audiences, creating a consistent online experience.
With the new design, the School became the forerunner of the university’s digital presence with a modern, functional, award-winning website designed to showcase its personality & curriculum, reach out to multiple audiences, and bring the School sense of community to the digital environment.
Link
In this project, I collaborated with stakeholders, developers and a project manager to restructure and redesign Stanford Earth’s institutional website for desktop and mobile. From requirements gathering, to strategy, brand adaptation to digital environment, information architecture, wireframing, visual design and prototyping.

Creating the Experience

To create a new experience, I analyzed the existing website, and completed a content and structure audit. I got to understand the users through reports, interviews, and gathering their engagement data from the existing website, to then outline interactions and patterns, tracing patterns of interests in different types of audiences, creating an ecosystem where everything is connected.

Stanford Earth

By simplifying, differentiating, filtering and prioritizing information to align it with school offerings, Stanford Earth’s ideas and objectives were then clear and accessible, ready to be presented in an engaging format, facilitating interaction with its many types of audiences, from prospect students, to faculty members, alumni and faculty staff.

Defining & Connecting
School Topics to User Needs

Regrouping, redefining and revising the content strategy at page level across the site. After restructuring the information architecture and content strategy, renaming existing features in auser-friendly way, we created better stories through content flow by creating individualcomponents that created multiple page structures.

Experiencing the School's routine, showcasing real career opportunities

Highlighting the technology present in the campus, and making the field trips students can take, the real farm where classes are taken, among and other exclusive amenities that are part of the experience, combining to students and staff stories, events, careers, and field opportunities, inviting users to learn more about the school.

This brought the perfect chance to elevate the visual design, bringing awareness of the possibilities the School brings to the table on its everyday basis, and checking other requests made by the School, such as:

  • Increase Interactivity
  • Make more human
  • Diversity of topics studied
  • Impactful Images & videos
  • Create a sense of community

Branding & Visual Assets

Bringing existing assets under the same roof with a refreshed foundation, reflecting their core, trends, and technology objectives in a scalable and consistent application with a clean and structured look and feel, creating a consistent experience with prominent typography, bold images, and wise use of white space.

Design System/Responsive

The visual design was established early in the design process, optimizing the overall process, by providing rapid feedback, prototyping and keeping consistency throughout the project, which was delivered in 12 weeks.The design, implemented using Drupal technology, allows the client to fully customize elements and create new pages in the back end, having a flexible collection of templates for desktop and mobile true to Stanford brand.

Bite size info/inviting users to learn more
Create a flexible, lightweight, modern, decluttered set of element/components and templates that could be reused across Stanford’s websites
Flexible enough, providing options for different use cases

  • Increase Interactivity
  • Make more human
  • Content Hierarchy
  • Diversity of topics studied
  • Flexibility to add and adapt content
  • Impactful Images & videos
  • Create a sense of community

Results

The School became the forerunner of the university’s digital presence with a modern, functional, award-winning website designed to showcase its personality & curriculum, reach out to multiple audiences, and bring the School sense of community to the digital environment.

✸

Mariana Toledo

Engagement

170
%

Increase

Nominee

Webby Awards

Best Website in science

Retention

+
200
%

time spent

LEADER OF THE PACK

Acquia Engage

HIGHER EDUCATION AWARD

Graduate

+
420
%

enrollment Increase

Honoree

Webby Awards

BEST HOME & WELCOME PAGE

Happy Clients