Redesigned in 4 Hours: News Without the Noise
Redesigned in 4 Hours: News Without the Noise
Redesigned in 4 Hours: News Without the Noise
A rapid UX challenge to rethink content hierarchy and reduce friction in a scroll-heavy app.
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
We Made an AI Chatbot That Judges Your Fridge (Lovingly)
We Made an AI Chatbot That Judges Your Fridge (Lovingly)
A witty, chat-powered food app that helps Gen Z users scan their fridge, discover recipes, and cook with confidence.
A witty, chat-powered food app that helps Gen Z users scan their fridge, discover recipes, and cook with confidence.
Navigating Healing: A Thoughtful Web Experience for Therapy
Navigating Healing: A Thoughtful Web Experience for Therapy
Designing a warm and accessible digital space for trauma-informed care.
Designing a warm and accessible digital space for trauma-informed care.
Designing MexiCraze: Healthy Meals, Simplified
Designing MexiCraze: Healthy Meals, Simplified
A mobile-first ordering flow for customised meals — fast, intuitive, and designed for decision clarity.
A mobile-first ordering flow for customised meals — fast, intuitive, and designed for decision clarity.
Helping Candidates Tell Better Stories, Not Just Upload Resumes
Helping Candidates Tell Better Stories, Not Just Upload Resumes
A hiring platform profile redesign focused on flexible layout, strong hierarchy, and recruiter-side discoverability.
A hiring platform profile redesign focused on flexible layout, strong hierarchy, and recruiter-side discoverability.
