UI/UX
Improving Accessibility & UX on Droople’s Website! 💧
👩🏻🔬 Accessibility Insights from My Review While reviewing Droople’s website, I identified 23 accessibility and UI/UX issues on the homepage. Of these, 10 could be fixed with design changes, 12 required programming fixes, and 1 involved content editing. Let’s explore how I approached these issues and improved the design! ✅ How I Solved Accessibility and UX Issues 1. Colour Contrast Many text …
Improving Accessibility on Mission Control’s Website! ✨
👩🏻🔬 Accessibility Insights from My Review While reviewing Mission Control’s website, I identified 13 accessibility and UI/UX issues on the homepage. Out of these, 7 required coding fixes, but I could address 6 through design changes. Let’s dive into how I solved them! ✅ How I Improved Accessibility and UX Colour Contrast: Green/Yellow Buttons: The original green and yellow buttons didn’t provide …
Finding Balance Between Fun, Joy, and Seriousness
Designing the Sanat Ensemble website was both a rewarding and challenging experience. The task was to capture the vibrant energy of the 70s whilst honouring Turkish people and other communities who fought for equal rights. I also wanted the design to reflect the joy and lively spirit of their music and performances. Here’s a breakdown of the key struggles I encountered and how I overcame them! 1. …
Making the Fermenstation Website Accessible 🥢
👩🏻🔬 Accessibility Testing Insights During my review of the Fermenstation website, I identified 10 accessibility and UI/UX issues. While 3 required coding changes, I addressed 7 through design improvements. Here’s how I solved them: ✅ How I Solved Accessibility and UX Issues 1. Low Colour Contrast: The contrast on buttons, text, and links (e.g., “READ MORE” under NEWS) was too low. …
Making TELL Japan Website Accessible and Decluttered 🧹
👩🏻🔬 Accessibility Testing Insights During my review of the TELL Japan website, I identified 17 accessibility and UI/UX issues. While 7 of these issues required coding changes, I addressed the other 10 through design improvements. Here’s how I tackled them. ✅ How I Solved Accessibility and UX Issues 1. Low Color Contrast on Buttons and Text: I improved the colour contrast of text and …
Day 30 of 30 Day UI/UX Design Challenge: Reflecting on My Journey 🌱
🎨 Today’s Task: Reflection and Review For the final day, my partner suggested I reflect on the 29 challenges I’ve completed to identify what I enjoyed most and what areas I excel in. 💡 Reviews & Redesigns Here’s a look back at what I would change now and which challenges I enjoyed the most! Day 1: Detective Conan Escape Room Booking Page Card Order: I’d reorder the difficulty levels …
Day 28 of 30 Day UI/UX Design Challenge: Landing Page for Cat Poopy Tracker! 🐾
🎨 Today’s Design Task Today’s task was a lot of fun, especially since I got to play around with animations in Figma! Task Overview: Poopy Tracker App Landing Page with Animated Features Design a landing page for the Poopy Tracker mobile app using Figma, featuring an animated transition for the key features section. Hero Section: Create a hero section explaining the app’s purpose …
Day 27 of 30 Day UI/UX Design Challenge: Designing the Blog Article Page! ✍🏻
🎨 Today’s Design Task I was really excited about today’s task! After designing the overall layout for my blog yesterday, I focused on designing how each article page would look. 🚀 My Design Process Component Research: I started by examining other blog articles to identify the components I wanted to include in my design and made a list. Initial Layout Testing: I added some of my existing …
Day 26 of 30-Day UI/UX Design Challenge: Creating My Custom Blog Design! 👩🏻🎨
🎨 Today’s Design Task I’ve been using a template for my blog, but my partner suggested I design my own—and he’d handle the coding! I was super excited to dive in and create something uniquely mine 🤩 🚀 My Design Process Inspiration Gathering: I explored various blogging websites to gather inspiration. Initial Sketches: I sketched out my ideas on my iPad. Lo-fi Mockup: I created a lo-fi …
Day 25 of 30 Day UI/UX Design Challenge: Redesigning a Japanese Website for Accessibility 🎌
🎨 Today’s Design Task Today’s task was both fun and a bit confusing! I focused on redesigning the Japanese website note.com to better align with their other pages and values while improving accessibility. The current website: Task Overview: Day 2: Design Improvement Apply research to create focused improvements for the chosen website. Steps: Refine Improvement Plan: Review Day 1 notes …
Day 23 of 30 Day UI/UX Design Challenge: Making Accessible! 👀
🎨 Today’s Design Task I was excited about today’s task because I got to turn the accessibility issues I identified on Day 22 into actual design improvements! 🛠️ Today’s challenge: Choose one page or screen and create a redesign that addresses the accessibility issues: Sketch or create a digital mockup of your improved design Focus on fixing the problems you identified while maintaining the …
Day 22 of 30 Day UI/UX Design Challenge: Diving Deep into Accessibility! 🕵🏻♀️
🎨 Today’s Task Conduct an accessibility audit for pickuplimes.com Today’s task was both challenging and valuable. Accessibility is a crucial aspect of design, and I learned a lot from this deep dive! 🚀 My Process I followed the Accessibility Insights for Web assessment guidelines closely to ensure I covered all necessary checks. 🧠 Challenges and Solutions Finding the Right Guidelines: Initially, …
Day 21 of 30 Day UI/UX Design Challenge: All About Components! 🍱
🎨 Today’s Design Task Today’s task was right up my alley—I love organising and creating lists, so working on components was really satisfying! See task description 🚀 My Design Process Understanding the Task: I began by carefully reading the task instructions to grasp what components I needed to create. Base Components: I designed base components for articles and events, drawing inspiration from …
Day 20 of 30 Day UI/UX Design Challenge: Smart Animation! 🪂
🎨 Today’s Design Task Today’s task was something I knew I’d have to tackle eventually, so I’m glad I took it on! See task description 🚀 My Design Process Understanding the Task: I carefully read the task to ensure I knew exactly what was required. Lo-Fi Design: I started by creating a lo-fi design of the navigation bar and hero section, adding a path for a paraglider silhouette. AI Assistance: I …