Menu
cliqe
UI UX & Branding
Designer
Year:
2022
Technology:
Figma, UI/UX tools
Categories:
Branding, UI UX Design
CONTEXT
Cliqe, a German startup, specializes in connecting micro-influencers with brands through its Unique Selling Proposition (USP): offering a variety of paid partnership programs for users to explore. My team was entrusted with enhancing the discoverability and user experience of their USP. Alongside this, they sought a refreshed UI and brand design to better reflect their brand personality.
Berlin,Germony
Location
Cliqe (skylink)
Startup Company
1 month
Duration
Remote
Work Type
Affiliate Program Redesign
Focus
PROBLEM
Users struggle to navigate the current solution, resulting in usability issues. We aim to conduct a comprehensive study to propose UX improvements for the affiliate program while enhancing 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.
APPROACH
Discover
Identify user unfamiliarity and associated issues through usability testing data analysis.
Define
Clarify the scope of the problem for the comprehensive study and UX solution proposals.
Ideate
Brainstorm creative solutions for enhancing design and branding.
Design
Develop user-centric solutions for the affiliate program, design system enhancements.
DISCOVER & DEFINE
Competitor Analysis
To gain deeper insights into the design we were refining, we reviewed how Clique’s competitors addressed similar challenges, allowing us to build on proven solutions rather than reinventing the wheel.
Common 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
USERS RESEARCH
TARGET AUDIENCE
1. Micro influencers aged 18-40 from various social media platforms.
2.Content creators on Facebook, Instagram, TikTok, and YouTube.
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.
User 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.
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
Overall 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
IDEATE AND DESIGN
SKETCH SOLUTION
Sketching UI screens helps visualize the layout and functionality of an application, facilitating early-stage design and feedback.
Wireframes (mobile)
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.