top of page
Anchor 1

Uniting College Content Creators Nationwide, and Bridging Influencers with Global Brands

​

Social Platform, Dashboard Design

Screen Shot 2022-11-22 at 1.53.25 PM.png
Duration
July 2023-Present
Screen Shot 2022-11-22 at 1.53.25 PM.png
Team
3 Designers
Screen Shot 2022-11-22 at 1.53.25 PM.png
My Role
Lead Product Designer
Competitive Audit
Ideating
Wireframing
Visual Design
Prototyping
Usability Testing

 
Screen Shot 2022-11-22 at 1.53.25 PM.png
Software
Figma
Paper & Pencil
Slack
Google meet
Screen Shot 2022-11-22 at 1.53.25 PM.png
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.

1.-The-global-influencer-market-is-expected-to-grow-to-22.2-billion.png
woman-live-streaming-about-make-up-tools-with-her-phone.jpg

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

Mask group.png

Target Audience

Mask group.png
Mask group-1.png
  • 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. 
Mask group-2.png

Persona

Anchor 2
Frame 1 (16).png
Anchor 3
Frame 1 (16).png

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.
AdobeStock_502554360.jpeg

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.
AdobeStock_527792332.jpeg

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

Untitled (2).jpg

REACH Site Map for Dashboard

Untitled.jpg

Site Design Initial Wireframes

Anchor 66
Group 2114.png
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

Anchor 4
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.
Anchor 5

High Fidelity Design Challenge 

pegah color (1).png
About Master 15.png
Desktop - 197 (1).png
Anchor 67

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
1195499_OT13001.jpg

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!
Anchor 68

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.
 

Next Step

The next phase of the project, I would love to see our focus to shift towards fostering inclusivity and ensuring accessibility for all users. This involves a meticulous examination of the platform's design and features to guarantee that they accommodate a diverse range of users, including those with varying abilities and backgrounds. Our commitment to inclusivity means shaping an environment where every user feels welcomed and represented. By prioritizing accessibility, we aim to make the platform seamlessly navigable for everyone, fostering a sense of belonging and ensuring that the benefits of the platform are accessible to a broad audience. This commitment to inclusivity and accessibility is pivotal in shaping the future of the platform and aligning it with the values of a diverse user community
 

Thanks for visiting my digital canvas!Your visit brightens the pixels!

bottom of page