Articles
Case Study: Designing An Inclusive & Accessible Platform for Musicians
Introduction I redesigned the website for Globale Musik Köln e.V. to improve usability and accessibility. Here’s how I tackled its challenges, refined the user experience, and what I learned! You can visit the website from here. My Design Mission The original site had issues that made it hard for users to understand the organisation’s purpose, see which musicians they support, find …
Case Study: Designed and Built a Website for an Empowering Women Community
Creating a website for a women’s empowerment community was an exciting opportunity to apply thoughtful design and development practices. I created a visually appealing yet practical platform that aligns with the brand’s values of kindness and inclusivity. While the project didn’t go live, the process was a valuable learning experience that I am proud to share 🙌 You can see the whole homepage …
Case Study: Redesigning Seedlang App for Accessibility and User-Friendliness
As a UI/UX designer passionate about creating inclusive and intuitive experiences, I collaborated with Seedlang, a German learning app, to improve their registration process and home screen. This project was an opportunity to merge accessibility best practices with user-centred enhancements, which resulted in a design that supports all learners (including myself as a power user of Seedlang 😚) in …
How Alt Text Makes Your Website Better for Everyone
“Alt text is just the text that shows up when an image doesn’t load, right?” That’s what I thought when I was a software engineer. Sometimes I’d throw in a file name as alt text and other times I’d skip it entirely. What I didn’t realise back then was that alt text is not optional, it’s essential. By the end of this article, you’ll know why alt text is so important, how to write it …
Is your website easy to navigate? How to properly structure your website 🛠️
What are headings? Aren’t they just big bold titles? That’s what I used to think too. But headings are much more than that. Headings are hierarchical elements that indicate the importance and relationship between different sections of content. They are essential for both sighted and visually impaired users. Why having a proper heading structure matters 🤔 Sighted users understand website structure …
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 …
Make Your Website Easy to Read for Everyone (Why Colour Contrast Matters)
Have you ever used white text on a pastel background because it looked cute? You’re not alone—I’ve done it too 🥹 By the end of this blog, you’ll understand why that is a bad idea and how to maintain a beautiful, on-brand design without compromising accessibility. Why Low Contrast is a Problem For people with low vision or colour blindness, low-contrast text can be nearly impossible to read. The …
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 24 of 30 Day UI/UX Design Challenge: Exploring Japanese Web Design Trends! 🇯🇵👩🏻🔬
🎨 Today’s Design Task Today’s challenge was quite interesting but also a bit tiring! 😅 Two-Day Japanese Web Design Challenge Day 1: Research and Analysis Gain insights into Japanese web design principles and select a website for improvement. Tasks: Research Browse popular Japanese websites across different sectors Note common design elements, layouts, and navigation patterns Identify key …
We tried many vegan milk in Germany! 🇩🇪
We were in forever search for better milk to drink with coffee, kaba, matcha and other kinds of teas! ☕️ If you want to find the best vegan milk for you, here are our ratings of all the vegan milk we tried in Germany! (Our best to not so great) We rate from 1 to 10 and also add comments from each of us 🙋🏻♀️🙋🏼♂️ (We got a bit lazy at some point and our comments can be super short 😂) Alpro …
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 …
day-19-of-30-day-ui-ux-design-challenge
day-18-of-30-day-ui-ux-design-challenge
day-17-of-30-day-ui-ux-design-challenge
day-16-of-30-day-ui-ux-design-challenge
day-15-of-30-day-ui-ux-design-challenge
day-14-of-30-day-ui-ux-design-challenge
day-13-of-30-day-ui-ux-design-challenge
day-12-of-30-day-ui-ux-design-challenge
day-11-of-30-day-ui-ux-design-challenge
day-of-30-day-ui-ux-design-challenge10
day-9-of-30-day-ui-ux-design-challenge
day-8-of-30-day-ui-ux-design-challenge
day-7-of-30-day-ui-ux-design-challenge
day-6-of-30-day-ui-ux-design-challenge
day-5-of-30-day-ui-ux-design-challenge
day-4-of-30-day-ui-ux-design-challenge
day-3-of-30-day-ui-ux-design-challenge
day-2-of-30-day-ui-ux-design-challenge
day-1-30-day-ui-ux-design-challenge
30-day-ui-ux-design-challenge