For 3e.eu, I transformed client and art director input into a high-performing website illustrations, enhanced with scroll-based animations, Lottie assets, and fully responsive design to maximize user engagement. I structured a secure, scalable CMS prepared for future multilingual support, ensured UX best practices, and optimized site speed across all devices and browsers. By managing tickets efficiently, maintaining clear communication, and meeting deadlines, I streamlined the workflow and enabled a smooth launch, delivering a polished, fully functional platform ready for growth.

Case Study

3e Energy

Brand Identity, Logo and Illustrations

Illustrations

Brand Identity

Visit

3e Energy

Nov 2022 - Feb 2023

Background

For 3e.eu, I transformed client and art director input into a high-performing website illustrations, enhanced with scroll-based animations, Lottie assets, and fully responsive design to maximize user engagement. I structured a secure, scalable CMS prepared for future multilingual support, ensured UX best practices, and optimized site speed across all devices and browsers. By managing tickets efficiently, maintaining clear communication, and meeting deadlines, I streamlined the workflow and enabled a smooth launch, delivering a polished, fully functional platform ready for growth.

Tech Stack

Webflow

Figma

Illustrator

Lottie Files

After Effects

Highlight of the Project

Clarified the platform’s first impression to build visual trust.
Streamlined Illustrations, Lottie animations, and Smooth the flow.
Boosted conversions with optimized visuals and easy navigations.
Simplified ux flow, user-actions and visual hierarchy to ensure speed.

‍

‍

Solutions provided

The solution involved creating a newly designed UX and Ul that immediately captivated users with a sense of finance and ease. This was achieved through minimalistic and understandable UX flow. The process involved primary/secondary research, user and stakeholder interviews, competitive analysis, affinity mapping, empathy mapping, user personas and flow, red routes, design system, wireframes, usability testing, and high-fidelity prototypes.

‍

Let's go closer

Aiming to make a strong first impression in just 5 seconds, I employed multiple strategies to engage users upon landing. Colors, typography, design elements, and composition all contributed significantly to increasing conversion rates and turning leads into customers.

Helping clients landing and performing in German market 📍 turning your product challenges into post-ready features that drive growth. For startups & scaling businesses.

Users research

80% users are mobile-first, mostly 1334x750 PX of screen-sizes.
20-30 make up about 78% of the total population, males dominant.
Users exhibited eye distractions during live screen recording.
Lack of a clear CTA and user flow to guide users to the desired place.
Many users lost interest shortly after landing on the site.
Users found confusion about the next steps in the process.

‍

Competitive analysis

The analysis revealed the need to prioritize mobile optimization by comparing with other competitors with same working model, clarify CTAS, refine user flow, target content to the 20-30 age group, and include customer testimonials to improve Younited's competitiveness.

Die Zusammenarbeit mit Fahad war ausgezeichnet: Er hat unsere Ideen und das Feedback des Art Directors in ein leistungsstarkes Webflow-Projekt umgesetzt, inklusive kreativer Scroll-Animationen und Lottie-Elemente, das CMS klar strukturiert und für Mehrsprachigkeit vorbereitet, die Seite für SEO und schnelle Ladezeiten optimiert und stets transparent kommuniziert.

3e Energy - Felix Von Der Weppen

Outcomes

I transformed client and art director input into a high-performing Webflow website, optimized with scroll-based animations, Lottie assets, and responsive design for maximum engagement.

I ensured long-term scalability by structuring a secure CMS, preparing for multilingual support, aligning with SEO best practices, and optimizing site speed across all devices and browsers.

I streamlined collaboration and delivery by managing tickets, maintaining clear communication, and meeting deadlines, which enabled a smooth launch and a successful go-live.