Drooid Interview Assignment
Drooid Interview Assignment
Drooid Interview Assignment
UI Redesign
Project Overview
Project Overview
Project Overview
This redesign was part of my UI/UX design interview assignment for Drooid, an AI-powered news aggregation app. The task was to improve the usability, engagement, and aesthetics of a given screen, ensuring a fresh and intuitive experience.
This redesign was part of my UI/UX design interview assignment for Drooid, an AI-powered news aggregation app. The task was to improve the usability, engagement, and aesthetics of a given screen, ensuring a fresh and intuitive experience.
This redesign was part of my UI/UX design interview assignment for Drooid, an AI-powered news aggregation app. The task was to improve the usability, engagement, and aesthetics of a given screen, ensuring a fresh and intuitive experience.
Timeline: 4 hours
Role: UX/UI Designer
Hold down and slide over to compare.
The Problem
The Problem
The Problem
The original screen had several usability and design challenges, including:
🔹 Cluttered content affecting readability and user focus.
🔹 Weak visual hierarchy, making key information difficult to process.
🔹 Inconsistent branding, leading to a lack of cohesiveness.
🔹 Navigation and interaction challenges, reducing usability and engagement.
The original screen had several usability and design challenges, including:
🔹 Cluttered content affecting readability and user focus.
🔹 Weak visual hierarchy, making key information difficult to process.
🔹 Inconsistent branding, leading to a lack of cohesiveness.
🔹 Navigation and interaction challenges, reducing usability and engagement.
The original screen had several usability and design challenges, including:
🔹 Cluttered content affecting readability and user focus.
🔹 Weak visual hierarchy, making key information difficult to process.
🔹 Inconsistent branding, leading to a lack of cohesiveness.
🔹 Navigation and interaction challenges, reducing usability and engagement.
My Approach
My Approach
My Approach
To address these challenges, I focused on:
To address these challenges, I focused on:
To address these challenges, I focused on:
✅ Visual Hierarchy: Improved spacing, typography, and content structure for better readability.
✅ Visual Hierarchy: Improved spacing, typography, and content structure for better readability.
✅ Visual Hierarchy: Improved spacing, typography, and content structure for better readability.
✅ Modern UI & Branding: Used a refined color scheme and cohesive design elements for stronger brand presence.
✅ Modern UI & Branding: Used a refined color scheme and cohesive design elements for stronger brand presence.
✅ Modern UI & Branding: Used a refined color scheme and cohesive design elements for stronger brand presence.
✅ User Engagement: Optimized interaction elements for clarity and ease of use.
✅ User Engagement: Optimized interaction elements for clarity and ease of use.
✅ User Engagement: Optimized interaction elements for clarity and ease of use.
✅ Navigation Improvements: Streamlined content flow for a smoother, more intuitive user experience.
✅ Navigation Improvements: Streamlined content flow for a smoother, more intuitive user experience.
✅ Navigation Improvements: Streamlined content flow for a smoother, more intuitive user experience.
All design decisions were made efficiently within a 4-hour timeframe, balancing speed with thoughtful execution.
All design decisions were made efficiently within a 4-hour timeframe, balancing speed with thoughtful execution.
All design decisions were made efficiently within a 4-hour timeframe, balancing speed with thoughtful execution.
The Solution
The Solution
The Solution
🔹 Cleaner layout with improved structure.
🔹 Cleaner layout with improved structure.
🔹 Cleaner layout with improved structure.
🔹 Strengthened branding with consistent colours and typography.
🔹 Strengthened branding with consistent colours and typography.
🔹 Strengthened branding with consistent colours and typography.
🔹 Better spacing and hierarchy for effortless readability.
🔹 Better spacing and hierarchy for effortless readability.
🔹 Better spacing and hierarchy for effortless readability.
🔹 Enhanced usability with intuitive navigation.
🔹 Enhanced usability with intuitive navigation.
🔹 Enhanced usability with intuitive navigation.
Key Takeaways
Key Takeaways
Key Takeaways
📌 Rapid problem-solving under time constraints.
📌 Rapid problem-solving under time constraints.
📌 Rapid problem-solving under time constraints.
📌 Stronger focus on usability and branding.
📌 Stronger focus on usability and branding.
📌 Stronger focus on usability and branding.
📌 Experience iterating on an existing UI for better clarity and engagement.
📌 Experience iterating on an existing UI for better clarity and engagement.
📌 Experience iterating on an existing UI for better clarity and engagement.
Final Thoughts
Final Thoughts
Final Thoughts
This assignment was a great opportunity to demonstrate my UX/UI skills under a tight deadline.
While I wasn’t offered the position, the project showcases my ability to analyse problems, iterate fast, and improve user experience effectively.
This assignment was a great opportunity to demonstrate my UX/UI skills under a tight deadline.
While I wasn’t offered the position, the project showcases my ability to analyse problems, iterate fast, and improve user experience effectively.
This assignment was a great opportunity to demonstrate my UX/UI skills under a tight deadline.
While I wasn’t offered the position, the project showcases my ability to analyse problems, iterate fast, and improve user experience effectively.
Note: This was an interview assignment for Drooid and is not an official project for the company.
Note: This was an interview assignment for Drooid and is not an official project for the company.
Note: This was an interview assignment for Drooid and is not an official project for the company.
Note: This was an interview assignment for Drooid and is not an official project for the company.
More Work
More Work
More Work
Navigating Healing: A Thoughtful Web Experience for Therapy
Navigating Healing: A Thoughtful Web Experience for Therapy
Profile Page Design For Hiring Platform
Profile Page Design For Hiring Platform
Designing MexiCraze: Healthy Meals, Simplified
Designing MexiCraze: Healthy Meals, Simplified
