Portfolio
:format(webp)/99designs-work-samples/work-sample-designs/2042787/9b650f10-2475-421a-8c89-c7f752802ba4 "I started by clearly framing the problem: users struggle to stay aware of recurring payments because finance apps often overload them with data instead of surfacing what matters.
I reviewed competing subscription and finance apps and identified a common gap—critical payment information was either buried or visually noisy. Based on that, I defined clear UX principles focused on reducing cognitive load, making payments predictable, and enabling fast, repeat usage.
I designed the core user flows around the most frequent action—checking upcoming payments—before moving into visual design. The UI emphasizes clear hierarchy, spacing, and status indicators to make financial information easy to scan and trust. I iterated on edge cases like overlapping subscriptions and irregular billing to keep the experience calm even under complexity.
The result is a focused, confidence-building product that helps users quickly understand and manage their financial commitments without feeling overwhelmed.")
:format(webp)/99designs-work-samples/work-sample-designs/2042787/4c9dc78a-e996-49ca-9732-7232f35f901b "The redesign was driven by a clear problem: most football trivia games rely on easy multiple-choice mechanics, which lowers competitiveness and long-term engagement. KickBrain needed a more skill-based experience that rewards real football knowledge and feels competitive, not casual.
I reworked the core gameplay flows—matchmaking, answering, results, and progression—based on competitor analysis and user feedback, focusing on speed, clarity, and feedback loops. I then polished the UI by refining visual hierarchy, spacing, motion, and reward cues to make gameplay feel more responsive, competitive, and satisfying.
The result is a streamlined, competitive quiz experience where both the gameplay and UI reinforce progression, tension, and repeat play.")
:format(webp)/99designs-work-samples/work-sample-designs/2042787/0ec83750-b1c9-4c11-8a06-a8ecae2b1257 "I started by understanding the core problem: turning digital photos into physical products was often slow, fragmented, and unintuitive on mobile. Through stakeholder discussions and early user feedback, I identified key friction points around photo selection, customization, and ordering.
I then designed and iterated on mobile-first user flows, simplifying the journey into clear, guided steps that balanced ease of use with creative control. High-fidelity designs were developed in Figma, focusing on clarity, consistency, and reducing cognitive load across the experience.
The result was a streamlined end-to-end mobile experience that transforms a complex offline process into a simple, intuitive app flow—helping users confidently turn their digital memories into tangible products.")
:format(webp)/99designs-work-samples/work-sample-designs/2042787/181f9ce1-0682-4ebd-b302-c2ac6275554c "I started by framing the core problem: hospital staff operate under time pressure and high risk, yet most management systems overload them with dense screens and inconsistent workflows. The real issue wasn’t missing features, but poor prioritization of critical information across roles.
I analyzed existing HMS and EHR systems and identified common issues—fragmented flows, excessive data entry, and weak visual hierarchy. Based on this, I defined UX principles focused on clarity under pressure, error prevention, and role-based experiences.
I designed user flows around primary tasks for each role—doctors reviewing patient status, nurses managing schedules and vitals, and admins handling operations—before addressing secondary features. The UI emphasizes strong hierarchy, standardized patterns, and clear status indicators to reduce cognitive load and prevent mistakes. Edge cases like handovers, incomplete data, and emergency scenarios were considered early in the flow design.")
:format(webp)/99designs-work-samples/work-sample-designs/2042787/2cc08401-47cd-40d7-906d-b70081f09dbf "I started by defining the core challenge: create a digital identity that reflects a modern creative agency while streamlining client acquisition. I conducted competitive benchmarking and stakeholder interviews to understand industry conventions and business goals.
During ideation, I ran workshops to explore navigation structures and moodboards, which informed the low-fidelity wireframes in Figma. These flows were reviewed carefully with the stakeholder, revealing pain points in content hierarchy and prompting iterations toward a more intuitive layout.
In the visual design phase, I anchored the brand with a dynamic color palette and supporting typography that improves scannability. I developed high-fidelity screens for both desktop and mobile, documented UI components, and prepared a Figma design system for handoff.")
:format(webp)/99designs-contests-attachments/72/72699/attachment_72699185)
:format(webp)/99designs-contests-attachments/132/132742/attachment_132742065 "an app icon for a recruiting application")
:format(webp)/99designs-contests-attachments/132/132810/attachment_132810912 "Landing page for a photographer")
:format(webp)/99designs-contests-attachments/85/85635/attachment_85635307)
:format(webp)/99designs-contests-attachments/105/105538/attachment_105538452 "Logo design for an E-Tech clinic")
:format(webp)/99designs-contests-attachments/105/105372/attachment_105372758 "Logo design for a school")
:format(webp)/99designs-contests-attachments/105/105270/attachment_105270340 "logo design for a Business law group")
About
Mohamed Atwa
Product Designer with +9 years of experience working on B2B & B2C Web apps, websites and Mobile apps and games.
Member since:
June 20, 2015