Marwa Elbadawi · MixedByMarwa

Web & App UI/UX Design

MixedByMarwa designs website and mobile app interfaces under Marwa Elbadawi’s creative direction. The work includes B2B merchant experiences, cultural user journeys and interfaces for audio professionals. Marwa Elbadawi’s portfolio shows both visual interface design and the wireframes that organise content and navigation before the final visual layer.

Discuss your project

The design scope

What this service covers

UI and UX address connected questions. UX considers what people need to do and how they move through an experience. UI translates those journeys into screens, hierarchy and visual interaction. A strong brief describes the audience and their important tasks, alongside the brand direction, rather than starting with a preferred screen style alone.

User journeys and structure: The main tasks, navigation and information hierarchy that the experience needs to support.
Wireframes: Screen structure and pathways before the final visual design is applied.
Website and app interfaces: Visual layouts for the relevant desktop and mobile screens.
Brand alignment: Typography, colour and interface details that connect the digital experience to the identity.

Selected portfolio examples

See the work in context

RIZQ B2B

UI/UX Design

Mobile app and responsive website design for the RIZQ B2B wholesale platform — clean luxury aesthetic with intuitive navigation for merchants sourcing beauty, fragrance, and lifestyle products at wholesale scale.

Explore RIZQ B2B

Audio Lab

UI Design

User interface design and digital layout for Audio Lab. The project focused on creating intuitive user experiences that visualize sonic elements and streamline navigation for audio professionals.

Explore Audio Lab

Legacy Museum

UI/UX Case Study

Comprehensive UX/UI case study and wireframing for the Legacy Museum. Focus on mapping user journeys, defining digital touchpoints, and structuring information architecture for cultural engagement.

Explore Legacy Museum

Bloom & Rip

UI/UX Wireframes

Core wireframes and structural blueprints for the Bloom & Rip digital experience. Emphasizing clear pathways to purchase and intuitive navigation structures before visually applying the brand layer.

Explore Bloom & Rip

Before we talk

Prepare a useful brief

Send the essentials to marwa@mixedbymarwa.com. They provide a starting point for discussing the scope, requirements and timing of your project.

Who will use the website or app and their most important tasks.
Pages, screens or features needed, and any existing product to review.
Brand assets, content availability and your development team’s requirements.
Your target launch date, platform constraints and budget range.

Practical answers

Your questions

What is the difference between wireframes and UI design?

Wireframes define structure, content hierarchy and navigation. UI design adds typography, colour, imagery and interface details. The Bloom & Rip and Legacy Museum projects show structural work; RIZQ B2B and Audio Lab show designed interfaces.

Can I see both website and mobile app work?

RIZQ B2B includes a responsive website and mobile app for wholesale merchants. Audio Lab explores a website interface for audio professionals, while Legacy Museum focuses on journeys and wireframes for a cultural experience.

Does UI/UX design include building the website?

This service page describes design work. Include any coding, hosting, integrations or implementation support you need in the brief so those requirements can be discussed explicitly.