Disney Belong Calendar Module
The Diversity and Inclusion team at Disney HR needed a new website. My team was tasked with discovering the Diversity team's needs and what the website would need to function effectively.
The Challenge
I was tasked with designing a calendar module that would integrate both into the Belong home page while providing all needed information. The calendar needed to be versatile but with an emphasis on friendliness.
My Role
High fidelity wireframes were created in Sketch App and fleshed out using Invision for proof of concept. Once ideation was complete, wireframes and mockups with detailed notes were given to the developers.
The Client's Needs
Disney Belong is Disney's Diversity and Inclusion club, which provides employees with events and resources to promote diversity within the company and have their voices heard.
The calendar module needed to be clear, easy to read, but also as full of information as possible. Since some events could get rather wordy in description, they needed a solve that could work for both short and long items.
The website is now live but only viewable to Disney employees since it is an internal website. Please watch the video for the live and final interactions.
Interaction Flow Map
The Design Process
Comparative Analysis
Gathered examples of effective and well-designed calendars online, seeing what worked in each and what would work best for our product.
Week 1Wireframe Concepts
Started with creating simple wireframes to get the different interactions across.
Week 2Polished Concepts
Designed out the strongest concepts to share with stakeholders.
Week 3-4Redlines and Implementation
With final design decided on, spacing redlines were completed along then handed to development.
Week 4Wireframe Concepts
Refined Concepts
Final Product
Redlines Markup
At the time that this product was produced, the standard at Disney was to provide developers a full redlined markup of all spacing and styles used to design the product.
