Work  /  EHAV, Mobile Design Adaptation

EHAV. Mobile design adaptation for an existing Figma website.

EHAV was a focused mobile design adaptation project. I translated an existing Figma desktop design into clean, developer-ready mobile layouts for two main pages and the site navigation, keeping the visual style consistent across breakpoints.

Client
EHAV
Year
2024
Scope
Mobile UI · Figma adaptation · Navigation
Focus
Responsive layouts
EHAV mobile design adaptation preview

The Challenge

The desktop design already had a defined visual direction, so the mobile work needed to adapt rather than reinvent. The challenge was to preserve hierarchy, spacing, and brand consistency while creating layouts that would be practical for development.

My Role

I worked on mobile UI design, Figma design adaptation, responsive layout planning, navigation design, developer-ready mobile layouts, visual consistency, and UI/UX.

2
Main pages
adapted
NAV
Mobile navigation
planned
FIG
Developer-ready
Figma layouts

Mobile Design

The mobile layouts were designed to keep the page structure clear on smaller screens. I adapted content order, spacing, sections, and interface details so the pages would feel intentional rather than simply compressed.

Navigation Adaptation

The navigation was reworked for mobile use, with a focus on clarity, tap-friendly structure, and visual consistency with the existing desktop direction.

Result

EHAV received clean, developer-ready mobile designs that matched the desktop website style and gave the development team a clearer responsive direction for implementation.

Tags: Figma, mobile design, UI/UX, responsive design, navigation design, design adaptation.

Credits: mobile UI design, Figma adaptation, responsive layout planning, navigation design, developer-ready mobile layouts, visual consistency, and UI/UX by Mihai Gavrila.

Previous
PropSource
Next
Primaria.eu