UI/UX Designer · Computer & Control Engineering

Based in Egypt · Expected graduation 2027

Designing digital experiences that feel intuitive, meaningful, and effortless.

I'm Motaz, a UI/UX Designer with an engineering background. I combine design thinking and technical understanding to create thoughtful digital experiences.

Explore My Work Get in Touch

Top of the American Dream website home page design

01 — Actual projectAmerican Dream

Studying: Computer & Control Engineering
University: Suez Canal University
Focus: Mobile & web interfaces

UI Design UX Design Mobile App Design Website Design Wireframing Prototyping User Flow Design Visual Hierarchy Interface Composition Figma Canva Xcode SketchUp UI Design UX Design Mobile App Design Website Design Wireframing Prototyping User Flow Design Visual Hierarchy Interface Composition Figma Canva Xcode SketchUp

01 — About

A Little About Me

Engineering precision, human-centered thinking, and a focus on how a product actually feels to use.

I design interfaces that are clear, considered, and genuinely usable — not just visually polished.

I'm Motaz Tarek, a UI/UX Designer and a Computer & Control Engineering student at Suez Canal University in Egypt, expecting to graduate in 2027.

My engineering education shapes how I design. It trained me to think logically, break problems into parts, and understand how software is actually built — which helps me design interfaces that make sense rather than only look good.

I'm interested in the balance between visual quality and usability: clear hierarchy, simple flows, and interfaces that feel effortless. Right now I'm focused on developing my design and technical skills, and on building digital experiences that are meaningful and functional.

Education: Computer & Control Engineering — Suez Canal University
Expected: Graduating 2027
Focus: Mobile & web interface design, user experience
Based in: Egypt

02 — Selected Work

Some of My Work

One real-world project and two self-directed design studies. Every screen shown is the original design file — scroll inside any frame to explore the full page.

Project 01

American Dream

Actual project Web & mobile product design

American Dream is a family entertainment destination in Ismailia, Egypt. I worked on the interface design for its digital presence — a website and a companion mobile experience covering the venue's four play zones, tickets, and packages.

The work is built around one consistent visual system across web and mobile: Fun Park, Kids Area, Adventure Zone, and Challenge Zone, with offers, tickets, and packages presented as a connected journey.

American Dream website home page design, full page

American Dream Adventure Zone page design

American Dream Challenge Zone page design

American Dream companion mobile app home screen, full screen

Mobile · Home

American Dream mobile app Kids Area screen

Mobile · Kids Area

American Dream mobile app Packages screen

Mobile · Packages

American Dream mobile app Challenge Zone screen

Mobile · Challenge Zone

Web home, zone pages & companion mobile app · original design files Scroll inside any frame

Project 02

Playground Booking App

Practical design project Mobile app design

A self-directed mobile concept for finding and booking sports pitches around Barcelona. The flow moves from onboarding into discovery, playground browsing, and pitch details with date, duration, and time-slot selection.

It was designed to demonstrate mobile interface design, screen composition, user-flow thinking, and consistency across a connected set of screens.

Home · discovery

Playground Booking App onboarding screen

Onboarding · get started

Playground Booking App playgrounds list screen

Playgrounds · browse

Playground Booking App pitch details and booking screen

Pitch details · booking

Four connected mobile screens · original design files Swipe sideways on small screens

Project 03

E-commerce Website

Practical design project Website design

A self-directed e-commerce website concept for a premium tech storefront. It connects the homepage, a filterable product catalogue, product details, and the cart into one consistent shopping experience.

The focus is website interface design, page layout, navigation and content organisation, and a clear visual hierarchy across pages.

E-commerce website homepage design, full page

E-commerce website products catalogue page design

E-commerce website product details page design

E-commerce website shopping cart page design

Homepage, catalogue, product details & cart · original design files Scroll inside any frame

American Dream is a real project I worked on. The Playground Booking App and the E-commerce Website are practical design projects created to demonstrate my design skills — they are not client, commercial, or paid work.

03 — Skills & Tools

Skills & Tools

A blend of interface craft, user-centered thinking, and technical context — no invented proficiency scores, just the areas I work in.

Design Skills

01UI Design
02UX Design
03Mobile App Design
04Website Design
05Wireframing
06Prototyping
07User Flow Design
08Visual Hierarchy
09Interface Composition

Tools

FigmaInterface & prototype

CanvaVisual & layout

XcodeiOS & build context

SketchUp3D & spatial

Tools I use to design, structure, and explore ideas — chosen for the job rather than the trend.

Technical Background

01Computer & Control Engineering
02Understanding of software development
03Technical problem-solving
04Logical thinking

04 — Approach

How I Approach Design

A simple, honest process — from understanding the problem to refining the details.

Understand

Start with the problem: who it's for, what it needs to do, and what a good outcome looks like.

Structure

Organise content and user flows before drawing screens, so the layout follows the logic.

Design

Build the layouts and interfaces, defining hierarchy, type, spacing, and interaction states.

Refine

Tighten visual hierarchy, consistency, and usability — then keep iterating on the details.

This is my general approach to design, not a claim that every stage was formally run on every project.

05 — Contact

Let's Create Something Meaningful

Have a project in mind or want to discuss an opportunity? I'd be happy to connect.

Email Me LinkedIn Behance WhatsApp

Email: motaztarek108@icloud.com
LinkedIn: motaz-tarek
Behance: motaztarek2
WhatsApp: +20 100 617 2041