TEDx Toronto

‍1. Project Overview

‍TEDxToronto, a leading platform for sharing transformative ideas, required a comprehensive digital overhaul to meet the needs of a growing audience in the Greater Toronto Area. Amid the challenges of the COVID-19 pandemic, the project aimed to deliver an accessible, interactive, and user-friendly web experience to amplify the reach of its inspiring content.

‍

2. Problem Statement

‍The existing website was outdated, lacked intuitive navigation, and was not optimized for accessibility or modern web standards. These issues created barriers for users seeking to engage with TEDxToronto’s content, particularly during a time when digital accessibility was paramount.

‍

3. Objectives

• Redesign the website to provide a seamless, intuitive user experience.
• Enhance accessibility to comply with WCAG standards.
• Create a visually compelling interface reflecting TEDxToronto’s brand identity.
• Build a scalable and responsive platform to handle increased traffic.

‍

4. Design Process

• Research & Collaboration: Worked closely with the Marketing team to understand user personas and core brand values. Conducted usability testing to identify pain points in the previous design.
• Wireframing & Prototyping: Designed comprehensive web flows and wireframes in Adobe XD, ensuring all interactions were clear and aligned with user needs.
• UI Design: Created a modern, visually engaging design using Adobe Illustrator, integrating TEDxToronto’s bold aesthetic and brand colors.
• Web Development: Built the site using custom HTML/CSS/JavaScript and Webflow to deliver a responsive and scalable platform. Focused on mobile-first development to cater to a diverse audience.
• Testing & Iteration: Performed extensive cross-browser and accessibility testing to ensure a high-quality user experience.

‍

5. Results

• Improved Engagement: Achieved a 25% increase in page views within the first three months of launch.
• Accessibility Upgrades: Website met WCAG 2.1 Level AA standards, making content more accessible to a wider audience.
• Streamlined Navigation: Enhanced user flow led to a 40% reduction in bounce rates.
• Scalability: Platform successfully supported increased traffic during virtual TEDx events.

‍

6. Tools & Technologies Used

• Design: Adobe XD, Adobe Illustrator
• Development: Webflow, HTML, CSS, JavaScript
• Collaboration: Remote tools for communication and project management with a talented team in the GTA.

‍

7. Impact and Future Applications

‍The redesigned TEDxToronto website enabled the organization to effectively reach and engage its audience during a pivotal time. It showcased the potential of remote collaboration and set a benchmark for future digital projects. The scalable and accessible design serves as a foundation for ongoing growth, ensuring that good ideas continue to spread quickly and widely.

‍