Sky
Cloud
Cloud
Cloud
Cloud
Portfolio
Mohamed
Box
Sky Background
Cloud
Cloud
Cloud
About

DESIGNER
BY
FOUNDATION.

I am a UI/UX designer and front-end developer building digital products where visual intelligence meets technical execution.

With a foundation in graphic design, I prioritize typography, hierarchy, and visual rhythm before writing a single line of code. Combining this with my development expertise allows me to build end-to-end experiences that feel premium from the inside out.

Designer by foundation.
Developer by craft.
Builder by practice.

Capabilities

Product DesignUI SystemsDesign TokensReact / Next.jsTypeScriptMotion DesignBrand IdentityFigmaVisual Direction

Tools

FigmaVS CodeNext.jsFramerIllustratorPhotoshop
Mohsen - Designer & Developer
7+Projects shipped
UI/UXDesigner & Developer
FAZAKKIRHODORYMASARAKAL-MOLTAQA
Projects Typography
FAZAKKIR project icon
Islamic Mobile Application

FAZAKKIR

A modern Islamic mobile app combining Quran, Tafsir, Hadith, Athkar and personalized daily worship tools. Features daily notifications, responsive UI, and offline caching.

FlutterRiverpodSQLiteSupabase
FAZAKKIR screenshot 1FAZAKKIR screenshot 2FAZAKKIR screenshot 3FAZAKKIR screenshot 4
HODORY project icon
Mobile Application

HODORY

Comprehensive attendance and student management mobile solution built with Flutter. Features profile management, scheduling, and calendar integrations.

FlutterRiverpodNode.js API
HODORY screenshot 1HODORY screenshot 2HODORY screenshot 3HODORY screenshot 4HODORY screenshot 5
MASARAK project icon
Web Platform + Mobile Application

MASARAK

Integrated e-learning ecosystem for educational institutions. Provides seamless course consumption natively on mobile and advanced management tools on the web.

ReactNext.jsFlutterRiverpod
MASARAK Web screenshot 1MASARAK Web screenshot 2MASARAK Web screenshot 3MASARAK Web screenshot 4
AL-MOLTAQA project icon
Mobile Application

AL-MOLTAQA

Community-driven local mobile application providing localized news, community services, trips planning, and event directories.

FlutterSupabaseFirebase
AL-MOLTAQA screenshot 1AL-MOLTAQA screenshot 2AL-MOLTAQA screenshot 3
Landscape Transition
Graphic Typography
رفيقي

رفيقك الذكي
في كل خطوة

نقدم لك تجربة متكاملة تجمع بين التقنية والسهولة لتلبية كافة احتياجاتك اليومية.

Rafiqi Hero Illustration

Identity System

Color & Typography

Primary Green
#05FB8E
Copied!
Deep Navy
#1B1B4D
Copied!
Pure White
#FFFFFF
Copied!
Primary Typeface
GE SS Two
Lightأ ب ت ث ج ح خ
Mediumأ ب ت ث ج ح خ
Boldأ ب ت ث ج ح خ
Rafiqi Typography

رؤية العلامة

نسعى في رفيقي لتقديم نموذج مختلف يعتمد على البساطة والوضوح. علامتنا التجارية ليست مجرد شكل، بل هي انعكاس لقيم الثقة، السرعة، والاعتمادية التي يحتاجها المستخدم في حياته اليومية.

الشخصية والصوت

نتحدث بلغة واضحة، مباشرة، وقريبة من القلب. رفيقي هو الصديق الذي يمكنك الاعتماد عليه، ولذلك حرصنا على أن تكون الهوية البصرية مرنة ومتطورة تعبر عن هذا القرب والود.

Identity System

Logo Variations

Primary Green
Rafiqi Merchandise
Rafiqi Products
Rafiqi Brand Application
INKMILK Presentation Panel 1INKMILK Presentation Panel 2INKMILK Presentation Panel 3
Spacer
Carousel Image 1
Spacer
Carousel Image 1
Spacer
Carousel Image 1
Kaka Banner
Spacer
Carousel Image 1
Spacer
Carousel Image 1
Spacer
Carousel Image 1
What I Do

SERVICES

Design is not an extra skill.
It is part of the foundation.

01Web Development

Engineered for the web.

Websites, e-commerce experiences, and web applications built with precision. From marketing pages to complex product interfaces — every line of code deliberate.

02UI / UX Design

Designed for people.

Product interfaces and responsive web experiences crafted around real user behaviour. From wireframes to polished design systems — the full spectrum.

03Graphic & Brand Design

Identity with intent.

Visual identities, social media design, advertising, and brand visuals that communicate clearly and live memorably.

Contact

LET'S BUILD
SOMETHING
GREAT.

Have a project in mind? I'm available for new work.
Let's talk about what you want to build.