Uniting College Content Creators Nationwide, and Bridging Influencers with Global Brands
​
Social Platform, Dashboard Design
Duration
July 2023-Present
Team
3 Designers
My Role
Lead Product Designer
Competitive Audit
Ideating
Wireframing
Visual Design
Prototyping
Usability Testing
Software
Figma
Paper & Pencil
Slack
Google meet
Target Device
Mobile IOS
Desktop
Project Overview
Some Facts on the Influencer Market
In the realm of business marketing, influencer marketing emerges as a robust channel, allowing companies to extend their reach and discover new customer bases. Collaboration with influencers has seamlessly integrated into a brand's core marketing strategy, and the trajectory suggests persistent growth, as evidenced by the 2023 Influencer Marketing Hub survey. The survey reveals an impressive 90% of marketers endorsing the effectiveness of influencer marketing, with 72% acknowledging its ability to attract higher-quality customers.
Some of the Benefits of the Influencer Market
-
Influencer marketing is considered a legitimate and mainstream marketing channel today
-
Marketing teams are more willing to put money behind their influencer campaigns
-
Through influencer marketing, you reach a more relevant target audience
-
Companies like the idea of working with the same influencer for multiple campaigns
-
Today’s consumers are heavily influenced by reviews and recommendations from trusted friends, family members, peers, and influencers and many more other benefits
REACH Project
In the ever-evolving sphere of influencer marketing, where creativity seamlessly merges with commerce, REACH stands as a pioneering platform set to redefine the contours of content creation and brand collaboration. The goal of the platform is to
-
unite a nationwide network of college content creators
-
seamlessly connect influencers with global brands
As the lead product designer, working in collaboration with a talented team of two designers and closely engaging with founders and stakeholders, our collective mission was to craft both an engaging platform and an intuitive dashboard for users.
Goals and Objectives
-
To Organize information effectively through thoughtful information architecture for creating a seamless and intuitive user experience.
​
-
Categorizing content logically, ensuring that key sections such as brand collaborations, events, and resources are easily distinguishable.
​
-
Implement a clear and concise navigation menu that guides users effortlessly through these sections.
​
-
Utilize a hierarchy system to prioritize information based on importance and relevance. For instance, prominently feature brand collaboration opportunities, followed by events and resources.
​
-
Employ consistent labeling and terminology to enhance clarity, and consider incorporating filters or search functionalities to enable users to find specific information efficiently.
​
The goal is to establish a well-structured information architecture that caters to the diverse needs of both college students and brands, enhancing the overall usability and appeal of the platform
​
-
design a dashboard that caters to the diverse needs of different user types, each requiring specific features and resources within the REACH platform
Target Audience
-
Gen Z community, including college students, content creators, and influencers. Connecting with other college content creators as well as finding opportunities for collaboration with brands.
​
-
Corporate brands seeking influential partnerships with content creators and influencers.
Persona
Persona Findings
Emily, the college student persona,
guides the project by emphasizing the need for a user-friendly platform that caters to the creativity, authenticity, and networking preferences of college students. Addressing her challenges, like limited knowledge about collaboration opportunities, ensures tailored solutions for an engaging user experience.
Alex, the corporate brand manager persona,
contributes insights from the brand perspective, emphasizing the platform's role in providing authentic influencers and measurable results. His challenges, such as discovering suitable influencers and efficient collaboration management, guide the development of streamlined features. Together, these personas shape a platform that meets the unique needs of both college students and corporate brands, fostering successful collaborations.
Challenges
Challenge
Crafting a platform that seamlessly balances a vibrant and energetic appeal for college students while exuding professionalism for brands requires a thoughtful design approach.
The user interface needed to feature dynamic and engaging elements, utilizing a lively color palette and contemporary design trends to resonate with the youthful energy of college students. At the same time, incorporating clean lines, sophisticated typography, and a polished overall aesthetic will convey professionalism to brands.
Aiming to Prioritize an intuitive user flow by simplifying navigation, employing clear calls-to-action, and ensuring that the platform's functionality aligns with both the spontaneity desired by students and the precision expected by brands.
The key is to create a harmonious blend that captures the spirit of the college demographic while maintaining a polished and professional visual identity for brand collaboration.
Our Approach
-
Organizing information effectively through thoughtful information architecture is crucial for creating a seamless and intuitive user experience.
-
Beginning by categorizing content logically, ensuring that key sections such as brand collaborations, events, and resources are easily distinguishable.
-
Implementing a clear and concise navigation menu that guides users effortlessly through these sections.
-
Utilizing a hierarchy system to prioritize information based on importance and relevance. For instance, prominently feature brand collaboration opportunities, followed by events and resources, and consider incorporating filters or search functionalities to enable users to find specific information efficiently.Employing consistent labeling and terminology to enhance clarity.
REACH Site Map for Site
REACH Site Map for Dashboard
Site Design Initial Wireframes
The low-fidelity wireframes played a crucial role in garnering valuable feedback from users, teammates, and stakeholders during the design process. By presenting a simplified visual representation of the platform's structure and layout, we were able to facilitate meaningful discussions and gather insights at an early stage. This iterative feedback loop allowed us to identify potential issues, validate design decisions, and ensure alignment with user expectations.
Design Challenge, Find your School Chapter Search and Filtering
We tired to overcome the challenge by implementing intuitive filters that not only would simplify the process for users but also cater to brands seeking specific school chapters. The design aims to empower users, offering a seamless experience whether they are searching for their school chapter or initiating the creation of a new one. This also helps streamline the connection between brands and school chapters, creating a harmonious and efficient user journey.
High Fidelity Design Challenge
Site for Mobile Design Advantages
Creating a site for mobile design for content creators' audiences is a strategic move with several advantages.
-
Digital landscape, mobile devices are the dominant device used specially by Gen Z, and users increasingly access content on smartphones
-
By optimizing the site for mobile, we can significantly enhance the user experience for our audience.
1
Changing User Behavior
​
-
Acknowledge the shift in user behavior. Studies consistently show that a significant portion of internet traffic now comes from mobile devices.
​
​
​
Enhanced User Experience
​
-
Tailoring the user interface and content presentation to fit the smaller screens and touch interfaces of mobile devices. This results in a smoother and more intuitive user experience, which can keep content consumers engaged
​
​
​
SEO Benefits
-
Google and other search engines prioritize mobile-friendly sites in their rankings. A mobile-optimized site can improve our SEO performance, making it easier for content creators' audiences to discover and access their content. This can lead to increased organic traffic and visibility
​
​
​
Limitation of Mobile Devices
​
-
No hover action No right click No multiple window
-
Limitation of Mobile Devices
3
4
5
2
Initial Site for Mobile Wireframes
Hi Fidelity Design
In the dynamic process of UI design, the transition from initial concepts to high-fidelity visuals marks a crucial phase. However, the journey doesn't conclude there; it takes a responsive approach to user feedback. After gathering insights from users, the UI and hi-fi design often undergo reassessment. This iterative cycle allows for user-centric adjustments, usability enhancements, and visual refinements. Users' perspectives will shed light on aspects that may have been overlooked or can be improved, prompting us to fine-tune the interface for optimal user experience.
This iterative process not only ensures alignment with user expectations but also addresses emerging considerations, such as accessibility and changes in technology or platforms. By embracing feedback-driven refinements, UI and hi-fi designs evolve to meet the evolving needs of both users and the project's overarching goals, embodying a commitment to continuous improvement and excellence in digital design
Dashboard Design
The development of the dashboard design is underway, and I anticipate sharing the progress with you shortly. Stay tuned for the upcoming upload!
Takeaway
-
The project provided invaluable insights into designing for Gen Z, emphasizing the pivotal role of mobile-centricity in catering to their digital preferences.
-
youthful energy of college students and influencers. The vibrant and dynamic aesthetics infused into the UI aimed to engage the User-centric features, such as personalized dashboards and social media insights, were integrated to enhance the user experience and align with individual goals.
-
The iterative design process, guided by continuous user feedback, became instrumental in refining features and ensuring optimal usability.
-
Striking a balance between professionalism for brands and youthfulness for students emerged as a nuanced challenge, underscoring the importance of creating a visually appealing yet reliable platform.