Design Practice: I designed this for practice. This was mostly a training of (Negative Space) and (Alignment). A way to think of negative space, if you were to pour water into the design how will the water flow? And any time that you deal with a bottleneck imagining that, it means that there’s an issue and that’s where you can probably adjust negative space. I also experimented a bit with contrast in flat and 3D design it's very interesting especially coupled with the Arabic typography.

Design Practice: I designed this books app screen for a UI practice. The goal was to make sure everything aligns to a 4pt system. I kept that in mind across the whole layout spacing, padding, even the way the cards sit in the scroll. Some values break the grid on purpose, but still follow the rule (like 10 = 2.5×4), which was a very interesting practice.

Design Practice: I was just experimenting with designing a shop interface that would highlight variety and negative space. It's really interesting how just a little bit of right aligning could create such a shift in the design, making it look way fresher, the use of negative space as well creates some kind of border and a type of padding that is invisible, almost seeming like a banner or a picture

For the “My Cat – Qettaty” UX/UI project, the deliverables focused on designing a cat-centric mobile app tailored to the Saudi lifestyle. The project included user research, journey mapping, wireframes, and a full interface design system. The app offers features like grooming bookings, adoption, product recommendations, health tracking, and even a digital cat passport. The design emphasized warmth, ease of use, and emotional connection, with playful visuals, clear navigation, and a community-driven feel. From onboarding to service flows, every screen was crafted to reflect the joy and responsibility of cat ownership in a culturally relevant and user-friendly way.

For the Instagram UX/UI Mock Study, the deliverables involved a conceptual redesign aimed at improving usability, visual hierarchy, and overall user flow. This included rethinking core interfaces such as the feed, navigation, and content creation tools to enhance clarity and reduce cognitive load. The project explored layout refinements, simplified interactions, and cleaner iconography while staying true to Instagram’s recognizable identity. The goal was to study how subtle UX improvements could create a more focused, user-friendly experience without disrupting existing behaviors. High-fidelity mockups were delivered to showcase the proposed direction.

For the Noir UI/UX project, the deliverables focused on creating a refined digital experience for a high-end eyewear brand that uses facial scanning technology. The project included a full UX strategy, wireframes, and a responsive UI design system tailored for fashion-conscious users in Saudi Arabia. Emphasis was placed on visual clarity, premium aesthetics, and guiding users through a seamless product selection journey. The interface was designed to feel modern and luxurious, with curated typography, strong visual hierarchy, and mobile-first responsiveness. From homepage to product detail flows, every screen was crafted to reflect elegance, ease, and trust.

For the Personal Website and Portfolio UI/UX project, the deliverables centered around building a digital presence that feels both personal and professional. This included designing the full user experience and interface for a portfolio site tailored to showcase work clearly while reflecting personality and attention to detail. The structure was crafted to support seamless navigation, with smooth scrolling, modular sections, and consistent hierarchy. A visual system was developed using bold typography, interactive microinteractions, and subtle references to operating systems for familiarity and playfulness. The result is a portfolio that communicates credibility, creativity, and thoughtful UX decisions throughout.

For the RiyalBank UX/UI project, the deliverables included a full user experience audit, journey mapping, wireframing, and a complete interface redesign. The project focused on identifying friction points in the existing mobile banking experience and rebuilding the app around clarity, speed, and ease of use. A modern design system was developed to maintain consistency across screens, supported by a refreshed visual identity that reflects trust and accessibility. High-fidelity prototypes were delivered to showcase the final product, ensuring that every interaction felt intuitive and aligned with user expectations.

I designed the 'Blue' app to be a place where people can easily share advice and have meaningful conversations. The #373853 background with #17999D buttons provides a calm space that helps users focus on the content. I tried to make the app appear very simple and easy to use. The home screen displays popular/trending questions. I kept navigation basic - just three buttons at the bottom for the home page, posting, and search. The profile section is clean as well, showing only what you need without clutter. What makes the 'Blue' design special is how it presents helpful content without confusing the reader, with clear and familiar actions that can be taken, reinforcing previous experiences in other applications with a new idea.