hero-image

PROJECT OVERVIEW

Concept Development

The MAYDAN project was developed as a web platform aiming to provide an intuitive and modern UI/UX experience. The concept focused on creating a digital space that is accessible, dynamic, and user-friendly, reflecting clarity and professionalism. The platform was tested with Useberry to optimize the user experience, improve navigation, and ensure clear and efficient design before the final launch.

Wireframe: User flow and page structure

Wireframe: User flow and page structure

Wireframe: User flow and page structure

Design: Figma (for the website), Adobe Illustrator (for the brand identity)

Design: Figma (for the website), Adobe Illustrator (for the brand identity)

Design: Figma (for the website), Adobe Illustrator (for the brand identity)

Implementation: Framer

Implementation: Framer

Implementation: Framer

Mood board Creation

The concept development phase focused on values of growth, collaboration, and national identity. Inspired by construction imagery, urban skylines, and industrial progress, the visuals reflected ambition and transformation. The color palette of deep blue, Saudi green, and neutral black symbolized trust, professionalism, and cultural heritage. By integrating themes of partnership, modern infrastructure, and digital innovation, the moodboard established a foundation of strength, clarity, and forward-looking vision, aligned with MAYDAN’s mission.

detail-image
detail-image
detail-image

Final Result

The identity of MAYDAN came to life through clean layouts, organized wireframes, and a complete graphic charter ensuring visual consistency. Blue was chosen as the primary color to convey clarity, trust, and stability. From the initial prototype in Figma to the developed website in Framer, every detail reflected the platform’s vision of professionalism, modernity, and national pride.

Echoes of the Earth represents a grounded approach to art direction — one that connects the visual language with the soul of the collection. It’s a celebration of storytelling through texture, tone, and materiality, where sustainability is not just a principle, but a feeling woven into every detail.

Category

Web & UI/UX Design, Front-End Development, Brand Identity

Timeline

2025

Live Project

View Work

banner-image

Create a free website with Framer, the website builder loved by startups, designers and agencies.