Distinction Certificate Project

Esther Vella

@estherVella

https://www.figma.com/design/6NinPcudiHDJNRsSr923Os/Distinction-Project?node-id=0-1&t=9E5PeoD31THaXY77-1

Claire Kaveney

@claireKaveney

really enjoyed this!

Marwa Serrieh

@marwaSerrieh

UX Case Study – Whish App Redesign (Unsolicited Redesign for Figma UI/UX Essentials Course) Brief Whish is a Lebanese digital wallet app offering payments, top-ups, card services, and money transfers. While feature-rich, the original home screen was crowded and inconsistent, making it harder for users to focus on the most important tasks. The redesign focuses on: Clarity & Hierarchy → Only 4 quick actions (Send, Receive, Cash Out, Top-Up). Consistency → Red buttons for primary actions, white cards for services. Simplified Navigation → Updated bottom bar (Home, Transactions, Scan, Cards, Menu). Service Grouping → Organized categories (Telecom, Education, Utilities, Streaming, Promotions). Persona (Me as User) Name: Marwa Age: 27 Habits: Uses Whish daily for quick payments, top-ups, and card management. Frustrations: Too many options made the home screen overwhelming. Repeated actions (Send/Receive both in nav and home). No clear hierarchy between important and secondary tasks. Goals: Finish core tasks in 1–2 taps. Always know where to find services. See transaction history quickly. Task Flow (Before vs After) Before: Home screen filled with many buttons (Whish Me, Payment Link, Top-Up by Card, etc.). Quick actions were duplicated in both the dashboard and bottom nav. Categories buried under main buttons, requiring scrolling. After (Redesign): Top Card: Balance + Visa card always visible. Quick Actions: 4 buttons (Send, Receive, Cash Out, Top-Up). Categories: Grouped services in neat white cards. New Bottom Nav: Home → Dashboard Transactions → Payment & top-up history Scan → QR payments Menu → Profile, settings, promotions Before & After Before: Overloaded dashboard with many scattered options. Navigation duplicated and inconsistent. Services lacked hierarchy. After: Clear and minimal layout. Core tasks in one tap. Services grouped into categories for faster scanning. Navigation bar simplified to 5 meaningful tabs. Learnings Less is more: removing options helps users focus on primary actions. Hierarchy matters: users need quick access to essential tasks and an easy way to find the rest. Financial apps need trust: transparency in navigation (adding Transactions tab) improves confidence. Credits Redesign created in Figma, inspired by Whish’s original app branding. Icons adapted from Figma community resources.

Cheryl Bialka

@CBialka

Case study

Djordje Mihajlovic

@djordjeMihajlovic

Disclaimer:
 I do not work for Netflix and I am not affiliated with the company in any way. This project was created solely as a UX case study.

Ravid Habba

@ravidHabba

This project was created for educational purposes only, as part of a UX/UI design course exercise. I am not affiliated with or working in collaboration with Moovit, and all rights to the brand, content, and graphic assets belong to them. Some images and icons used in the design were sourced from external resources and are used under fair use for demonstration purposes only. Through this project, I learned how to identify usability issues in an existing app, prioritize them based on their impact on the user experience, and design effective solutions. I gained a deeper understanding of balancing functionality with visual clarity, and the importance of minimizing distractions in time-sensitive contexts. Additionally, I improved my skills in creating a clear task flow and translating research insights into a clean, user-friendly interface.

Khadeejah Ismaeil

@khadeejahIsmaeil

UX Case Study: KFH Currency Converter Redesign Project Brief The currency converter on the Kuwait Finance House (KFH) website helps users check exchange rates. However, the tool feels outdated, especially on mobile. It lacks a clear "Convert" button, has a boxy layout, poor spacing, and provides no feedback to confirm that a conversion has happened. As a UI/UX designer who regularly uses this tool to calculate how much money to transfer to family outside Kuwait, I often find myself questioning whether the conversion was triggered at all. My goal is to redesign the tool to be more modern, visually clear, and mobile-friendly - making the conversion process feel smooth, trustworthy, and efficient. Persona: Name: Khadeejah Age: 24 Occupation: UI/UX Designer Background: Frequently uses the KFH currency converter before transferring money abroad. She values speed, clarity, and modern design. Pain Points: - No confirmation when converting amounts - The current layout feels outdated and crowded - Confusing UI with poor spacing and unclear interactions Before - Key Issues (based on screenshot) - No "Convert" action: The user is unsure if anything is happening - Poor layout: Boxy and tightly stacked, especially on mobile - No user feedback: No message, animation, or indication of conversion - No visual hierarchy: All components blend together - Unfriendly mobile UI: Dropdowns are cramped, spacing is inconsistent UX/UI Improvements Visual & Structural: - Add a "Convert" CTA with a smooth confirmation (e.g., toast or animation) - Use rounded containers and consistent spacing to reduce clutter - Modernize typography and buttons for visual clarity - Group related fields (e.g., amount + currency together) - Add flags or icons to currency selectors Interaction & Feedback: UX Case Study: KFH Currency Converter Redesign - Provide clear success message or animation after conversion - Include timestamp of rate for trustworthiness - Allow users to flip currencies with a swap icon - Add copy/share button for convenience - Highlight any errors or incomplete inputs

Naum Radchuk

@naumRadchuk

To start with, I want to say the website which I have "redone" is currently in beta testing and that is the reason why it is stiff and overral design is boring. I have added extra colors to make a better variety, all of the buttons are now responsive due to the hovering option. I have also put all of the additional information about the company aside, so that the design looks cleaner. All of the components are from the website itself f.e. photos, icons and vector images. It took me a few days to finish this project, but the most important thing i've learnt, is that everything should be organised and planned)

Christopher Hurt

@christopherHurt

Original Facebook design.

Andrews Asiedu

@andrewsAsiedu1

Here is my case study! Its a live mobile app I designed from scratch, handed over to developers and is now live and has over 500+ users in Ghana. Its a mobile app, with an uber like model but for trucks. Similar to goshare or uhaul in the united states, but with the uber bit where you can request a truck in real time. this course really did help me a lot! Thanks again. I wish there was an easier way to add videos. @dan

ANN MATTSON

@aNNMATTSON

For my redesign project I chose a doggie daycare website for a local business I've used. It's clear that the website is outdated and full of too much information, and therefore difficult to use.

PRODAN NIKITA

@pRODANNIKITA

This is my Brief & Taskflow i tried to keep it simple.

Yana Boiko

@yanaBoiko

The Figma BYOL course helped me gain hands-on experience in designing real user interfaces. I learned how to use key Figma features such as frames, components, variants, auto layout, and prototyping tools.

Om Kadam

@omKadam

Final Project.