Enabling brand opportunities within schools

A one-of-a-kind marketing platform used to empower schools through brand partnerships.

About the Project

A startup sought design services from my former employer for their platform, facilitating connections between brands and schools for advertising. The project encompasses designing a web-based platform with a mobile application module, focusing on scalability and simplicity. As the project lead, I oversaw UX design and ensured timely deliverables.

A startup sought design services from my former employer for their platform, facilitating connections between brands and schools for advertising. The project encompasses designing a web-based platform with a mobile application module, focusing on scalability and simplicity. As the project lead, I oversaw UX design and ensured timely deliverables.

Problem Statement

Brands face challenges when attempting to access school inventory for advertising, encountering a cumbersome process. This results in unexpected costs to activate campaigns, stemming from the tedious nature of the procedure.

Brands face challenges when attempting to access school inventory for advertising, encountering a cumbersome process. This results in unexpected costs to activate campaigns, stemming from the tedious nature of the procedure.

My Role:

Project Lead, UX & Delivery

Client:

Under NDA

Project Timeline:

4 Months

Understanding The Requirement

Stakeholder Interviews

Due to the pandemic, this project commenced with all stakeholder interviews conducted online. We engaged with various stakeholders including leadership, school managers, principals, brand managers, and sales staff to gather insights into their respective requirements for the platform.

Due to the pandemic, this project commenced with all stakeholder interviews conducted online. We engaged with various stakeholders including leadership, school managers, principals, brand managers, and sales staff to gather insights into their respective requirements for the platform.

Brainstorming & Planning

After gathering information, we synthesised and documented our findings. Subsequently, we held online brainstorming sessions to strategise the platform's direction. Leveraging early versions of FigJam for pandemic-era online collaboration, we established our strategy. With the strategy in place, we proceeded to design the information architecture, paving the way for the rest of the product design.

After gathering information, we synthesised and documented our findings. Subsequently, we held online brainstorming sessions to strategise the platform's direction. Leveraging early versions of FigJam for pandemic-era online collaboration, we established our strategy. With the strategy in place, we proceeded to design the information architecture, paving the way for the rest of the product design.

Structuring the Platform

To enable brand-school partnerships, we designed the platform with multiple logins and hierarchical levels for different users: School, Brand, and Backend Team. Each module had tailored logins based on user roles, with separate logins for various backend teams and a master login for leadership with performance analytics.

The Design Stage

Wireframing

After identifying the key flows, we began designing wireframes for each module, maintaining a consistent design tone across the platform. In the alpha version, we prioritised creating key design flows for all modules before proceeding to visual design.

After identifying the key flows, we began designing wireframes for each module, maintaining a consistent design tone across the platform. In the alpha version, we prioritised creating key design flows for all modules before proceeding to visual design.

Visual Design

After completing the wireframes, the visual designer transformed them into clickable prototypes. The startup already had an established visual language, so our task was to integrate it seamlessly into our designs.

After completing the wireframes, the visual designer transformed them into clickable prototypes. The startup already had an established visual language, so our task was to integrate it seamlessly into our designs.

Key Highlights

The School Login

The school login was developed to empower schools to manage upcoming campaigns, check inventory, and access analytics, enabling school principals to monitor campaign earnings.

Key Highlights

The Brand Login

The brand login provided a range of features, including campaign creation, live tracking, and analytics tailored for senior brand managers.

Key Highlights

The Super Login

This feature was designed for startup leadership to oversee all aspects of the business, including onboarding brands and schools. Sub-level access allowed team members to access operational information as needed.

Key Highlights

Campaign Creation

The campaign creation flow mirrored the Meta Ads Manager and Twitter Ads Manager to align with the brand team's mental models. They could filter schools by location, tier, and size for targeted campaigns.

Check out the rest of my work