Webolizma
Product
Corporate Website
Skills
UI/UX Design
My Role
Junior Digital Product Designer
Date
Jul 26, 2024
Team
Kerem T. , Furkan K.
About the Project
Ekoşarj is Turkey’s first and only independent EV charging station network. My goal in this redesign was to reflect the brand’s sustainability-driven identity while creating a clear, trustworthy, and accessible digital experience—especially for mobile users.
My Role
In this project, I was responsible for the full end-to-end UI and UX design process, creating the complete user journey, defining the homepage hierarchy, structuring sustainability-focused messaging, designing mobile-first interaction patterns, shaping the visual identity inspired by nature, and simplifying all station, and technical information into a cleaner and more accessible digital experience.
Problem Statement
The new Ekoşarj interface required a digital experience that clearly communicates sustainability, reinforces brand trust, and simplifies access to essential information such as charging tariffs, mobile app details, and EV compatibility. Prior to the redesign, user behavior showed that visitors struggled to:
Understand the brand’s value and sustainability message at first glance,
Quickly access charging tariff details and station information,
Navigate the EV compatibility section without cognitive overload.
The goal was to create a clean, modern, and mobile-first web experience that reduces friction and guides users through a structured journey aligned with their expectations.
Research
We analyzed EV user behavior, sustainability-focused interface patterns, and mobile-first navigation principles.
Detailed Findings
Trust & sustainability messaging must appear immediately.
Mobile users want instant access to apps and station information.
Simplified technical data increases user engagement.
EV users respond well to nature-inspired visual language.
The best-performing flow is: station info → mobile app → pricing.
Solution Approach
A fully restructured homepage and content architecture centered on clarity, sustainability, and mobile accessibility.
Detailed Solutions
Brand vision and sustainability goals placed at the top of the page.
Mobile app area strengthened with interactive visuals.
Station information simplified using icon-based modules.
Green gradients and nature-toned visuals reinforced branding.
Quick-access buttons added for mobile (“Download App”, “View Stations”).
Pricing and technical details rewritten into clear, digestible blocks.
Design Principles
My design approach centered on creating a clean and modern interface that reflects sustainability, communicates trust at first glance, and remains highly accessible on mobile; combining a nature-inspired visual language with simplified technical information, clear hierarchy, and a contemporary UI structure optimized for EV users.
Users instantly recognize the brand’s credibility and feel confident to explore further.
Before the redesign, the homepage did not communicate Ekoşarj’s key identity strongly enough. Users arriving on the page couldn’t immediately understand that Ekoşarj is “Turkey’s first and only independent EV charging station network.”
Sustainability and reliability—core values for EV users—were present in the content but not emphasized visually or structurally.
Solution
The hero was redesigned with a strong, high-contrast headline emphasizing “Turkey’s First and Only Independent EV Charging Network.”
A green gradient background was introduced to reinforce the sustainability theme.
Hero CTAs (“Charging Stations”, “Tariffs”) were made more prominent to encourage immediate engagement.
The visual style now communicates a modern, eco-friendly, and trustworthy brand the moment the user lands on the page.
Users can understand charging types and pricing in seconds, reducing confusion and shortening decision-making time.
Users were unsure about AC vs. DC charging, pricing differences, and how to access detailed station information.
Content was text-heavy, making it difficult—especially on mobile—to quickly understand which charging option was suitable for their vehicle.
Solution
The Charging Tariffs page was redesigned with two large, visually distinct cards for AC and DC charging devices.
Pricing was displayed directly on the cards using high-contrast typography for instant visibility.
Supporting text was simplified to clearly communicate the difference between AC (longer charging, lower cost) and DC (fast charging, higher cost).
The layout was optimized for mobile, enabling easy one-handed scrolling and quick scanning.
Users can now quickly identify their vehicle model and understand product compatibility without feeling overwhelmed.
The “products for every electric vehicle” section displayed many vehicle models at once, making it difficult for users to identify their own car.
The grid of 10–15 vehicle images caused visual overload, especially on mobile, where users struggled to find relevant information efficiently.
Solution
The section was redesigned with a cleaner hierarchy and structured around a potential brand/model dropdown selector to reduce scrolling.
Vehicle cards were standardized with consistent sizing, spacing, and simplified text to enhance scannability.
Content highlighting inclusivity (“There’s an Ekoşarj solution for every EV”) was visually reworked to be more understandable and less overwhelming.
This project demonstrated how essential visual hierarchy and sustainability-driven design language are for EV-related brands.
The redesigned experience strengthened Ekoşarj’s sustainability-driven message, improved user trust through clearer hierarchy and visual clarity, significantly enhanced mobile navigation and app engagement, made station and pricing information easier to understand, and ultimately delivered a more intuitive, modern, and brand-aligned digital presence.
