Menu
cliqe
Branding, UI UX Design
Year:
2022
Technology:
Figma, UI/UX tools
Categories:
Branding, UI UX Design
CONTEXT
“Cliqe, a Berlin-based startup, connects brands with micro social media influencers for impactful brand promotions.”
Berlin,Germony
Location
Cliqe
Startup Company
1 month
Duration
Remote
Work Type
Affiliate Program Redesign
Focus
PROBLEM
Users are unfamiliar with the current solution, leading to numerous issues. Our assistance is needed to conduct a comprehensive study and propose UX solutions for their affiliate program, along with ideas to enhance the design system and branding.
SOLUTION
Enhance user experience through improved onboarding, navigation, visual design, and accessibility.
Revamp Visual Design for Engagement
Enhance the visual appeal of the product to increase user engagement and satisfaction.
Enhance Navigation and Information Architecture
Redesign navigation and structure for better user experience in finding information effortlessly.
Improve User Onboarding and Education
Create an intuitive onboarding process to familiarize users with the solution's features.
Ensure Accessibility and Performance
Optimize accessibility features and performance to ensure a seamless experience for all users across devices.
OUR APPROACH
Discover
Identify user unfamiliarity and associated issues through usability testing data analysis.
Define
Clarify the scope of the problem and the objectives for the comprehensive study and UX solution proposals.
Ideate
Brainstorm creative solutions for improving user familiarity, resolving identified issues, and enhancing design and branding.
Design
Develop user-centric UX solutions for the affiliate program, design system enhancements, and branding improvements.
RESEARCH
Competitor Analysis
Link Tree
Linktree is an online tool that creates a single landing page for sharing multiple links. It's popular among content creators, businesses, and influencers, providing a centralized hub for organizing and sharing various web destinations. Users customize their page and engage their audience effectively. Competitor analysis involves evaluating similar tools for features, pricing, and user experience to identify strengths and weaknesses.
Features :
1. Centralized Link Hub: Linktree consolidates multiple links into a single landing page for easy sharing.
2. Customization Options: Users can personalize their Linktree page with branding elements.
3. Analytics and Insights: Linktree provides data on link performance and audience
Tap Link
Taplink or previusly known as ContactinBio is the best free site for creating a link in bio landing page for TikTok and Instagram accounts with multiple social media links. You can also add payment links and embed forms.
Features :
1. Add Payment links: Allows users to accept payments for goods and services directly on their landing page. Taplink offers payment add-ons such as PayPal, Cash, and Paystack
2. Add Forms: Users can personalize their Linktree page with branding elements.
User Research Data
User research data given by the ‘cliqe’
Persona
Sativa Rose
Social Media Influencer
25
New York
Bachelors
entrepreneur
Description
Sativa creates engaging content in a specific niche. She works independently, collaborate with brands, and strive to grow her online presence and monetize her influence.
A day in Sativa life
- Sativa starts her day by checking social media engagement for her latest post at 8:00 am.
- She dedicates time each morning to personally reply to 100 comments from her followers.
- Sativa utilizes analytics to track and evaluate the earnings generated from her last post.
- She conducts research to identify trending and viral content to incorporate into her content strategy.
- Sativa actively seeks out affiliate brands to collaborate with and promote their products or services.
- In the evening, she focuses on creating new videos to keep her content fresh and engaging.
- Sativa hosts a nightly show for her followers, providing them with valuable insights or entertainment.
Pain points
- Difficulty in Finding Quality Affiliate Programs: Sativa struggles to find trustworthy affiliate programs that align with her niche and values.
- Lack of Centralized Earnings Tracking: Sativa faces challenges in calculating and consolidating her social media earnings in one place.
- Understanding Fraudulent Social Media Links: Sativa finds it hard to identify and avoid fraudulent or spammy social media links.
Social media is a mix of creativity, connection, and challenges. From finding reliable affiliates to tracking earnings and dealing with fraudulent links, it's a journey of growth and building a supportive community.
Comprehensive Research Data
Accessibility 41%
accessibility issues found according to https://userway.org/ accessibility-checker
Responsive 60%
Responsive issues found with different devices. specially mobile and android devices. (tool Chrome Browser)
Functionality 90%
The web version of the product is functioning properly, but we have identified some functional issues specifically with the mobile version of the application.
User Expectation 80%
The results are based on usability testing reports from eight users.
Ul Quality 50%
We conducted a rough measurement based on Ul guidelines and design system principles
Target Audience
1. Micro influencers aged 18-40 from various social media platforms.
2.Content creators on Facebook, Instagram, TikTok, and YouTube.
User Needs
- Easily find affiliate programs.
- Find affiliate programs user likes.
- Track analysis of affiliate link performance.
- Easy customization of affiliate links.
- Filter out affiliate programs based on preferences.
- Simple and convenient account setup process.
User Flow
(Related to Add Affiliate Link)
#1 Sketches
Sketching UI screens helps visualize the layout and functionality of an application, facilitating early-stage design and feedback.
#1 Wireframes (mobile)
Usability test result (unmoderated)
Task 1:
Add Affiliated Link
Task 2:
Preview Selected Brands
Task 3:
Filter Search by category
Task 4:
Overall Experience
Result of Testing
1. The wireframe testing results were positive for all features. Users found. the added affiliate link, category filter, and preview functionality valuable, improving the user experience. The desktop web version successfully incorporated the affiliate link without compromising design and usability.
2. Easy to add links. adding links to page is very simple. Thinks that maybe a button to signify how to enlarge/learn more about the brands would be useful to indicate they can be tapped to lear more (mobile version).
High Fidelity Screens
What have I learned?
Collaboration and Teamwork
Collaborating with two Ul/UX designers, a software engineer, and stakeholders taught me the value of teamwork, frequent meetings, and collaborative effort.
Design vs Re-Design
Redesigning doesn't always mean starting from scratch. It can be both easy and challenging to decide when and how to modify existing design solutions.
User Interviews and Usability testing
I learned usability testing and user interviews, gaining insights from real user interactions to evaluate usability and gather feedback.
Figma animation
Through this project, I gained extensive experience in Figma animation, particularly in implementing smart animations for dropdowns and hover effects. This not only enhanced the project but also improved my overall proficiency with Figma.
Remote Work
During this project, I had the opportunity to work remotely and collaborate online with my colleagues. It was an enjoyable and rewarding experience, gaining valuable insights in remote teamwork and honing my ability to effectively work together online.
Technical Feasibility
Learning about the technical challenges and constraints that affected the implementation of the design. This includes understanding limitations of the current technology stack and identifying potential improvements or alternative solutions for future projects.