Stanford Earth

Designing a digital ecosystem for Stanford School of Earth, Sciences & Technology

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.

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.

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 the digital environment, information architecture, wireframing, visual design, and prototyping.

Engagement

0 %

Increase

NOMINEE

Webby Awards

Best Website in Science

time spent

0 %

Increase

LEADER OF THE PACK

Acquia Engage

higher education Award

Engagement

0 %

Graduate Increase

HONOREE

Webby Awards

Best Home & Welcome Page

Discovery

Understanding users through reports and interviews, gathering user engagement and data from the existing experience. 

To create an experience, I analyzed the current website, completed a content and structure audit. Understanding users through reports and interviews, gathering their engagement and data from the existing website to outline interactions and patterns that connect different types of audiences with their interests. 

By simplifying, differentiating, filtering and prioritizing information to align it with school offerings, Stanford Earth’s ideas are clear and accessible to facilitate users interaction with various topics.
Bringing the School’s everyday life to their website, the campus life was highlighted with elements that brings students and staff stories, events, careers, and field opportunities, inviting users to learn more about the school.

Information Architecture

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 a user-friendly way, we created better stories through content flow by creating individual components that created multiple page structures.

Personality

Design System

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.

Personality

Brand

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.

Follows accessibility best practices and provides a familiar environment with memorable functionality.

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.

Mariana
Toledo

Maybe just drop a line to grab a coffee & talk business! 🤷🏻‍♀️