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.
Stanford Earth
Designing a digital ecosystem for Stanford School of Earth, Sciences & Technology
- BART
- 2018
- Senior Product Designer
- @ Exygy
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.
