IDEO is an international design and consulting firm. In the summer of 2019, I was an Interaction Design intern at IDEO's Cambridge studio.
Interaction Design, Graphic Design
One of the projects I was involved with over the course of my internship was to develop a set of interaction concepts for the hero section of the IDEO homepage.
The goal of the project was to brainstorm and create new interactions; ones that support a new navigation framework featuring the six different facets of IDEO's diverse portfolio – growth, experiences, change, the future, society, and you.
Hero Section Concept
The idea behind the design shown above (and animated below) is to display a collage of project images that are associated with each keyword.
Each collage is color-coded and moves horizontally across the browser in a parallax manner based on the keyword selected.
Hero Section Concept
This assignment expanded my exposure to communication design and allowed me to collaborate closely with various stakeholders within IDEO, including IDEO's Global Design Director and other Interaction/Communication Design Leads.
Another project I worked on during my internship was Breakerbox, a joint venture between IDEO and Exelon exploring the energy procurement space.
Breakerbox's main offering is a digital product that provides an optimized energy procurement process and allows businesses to more efficiently manage their energy usage.
My work on Breakerbox can be categorized into four main work streams - developing the visual style and branding of Breakerbox, creating an onboarding flow that maximizes conversion among new users, designing a new marketing website based on Breakerbox's new visual style, and standardizing the web application UI.
Marketing Website Concept
The web application allows users to manage energy usage and procurement based on each specific property, and includes multiple widgets that allow the user to track energy prices over time.
After we solidified our branding and visual language, we had to apply the new styling to the web application. During this process, we standardized the UI elements into components to promote modularity.
Web Application UI
Lastly, the onboarding process was designed as a bridge between the marketing channels and the web application. Here, users can input basic information such as address, name, and current energy provider.
We wanted to use the onboarding process as an educational moment as well, as energy procurement is traditionally a very nontransparent industry.
One of the ideas that came up during the brainstorming session for the onboarding experience was to create a visual representation of how energy is delivered to a business.
Inspired by 3D rendered illustrations, a series of isometric graphics were created to inform users of where they are in the onboarding journey.