UX Case Study · Website Redesign
Greendzine, Redesigned
Rebuilding the digital front door of an Indian electric mobility startup — from a site that confused its visitors to one that converts them.
Greendzine Technologies, bangalore
Client
UI/UX Designer
Role
Desktop + Mobile redesign
Scope
Live — greendzine.in
Status
Context
An electric company.
A static website.
Greendzine builds affordable EVs for Indian mobility across three sub-brands — QUARK (on-road), IRRWAY (campus & lifestyle), and MOPTro (industrial logistics).
Real products, real engineering, real traction — and a website actively undermining all of it. Dated, broken on mobile, and unable to explain the business, it had become a liability in a market where Greendzine competes against Ola Electric, Ather, and Mahindra Electric.
Desktop Failures
-
Logo on a white background, colliding with the dark theme
-
Information overload — no hierarchy, nothing prioritised
-
Dated UI patterns: bordered buttons, animated backgrounds
-
Forum page dominated by dead, empty space
Mobile Failures
-
Non-functional on most screen sizes — where users actually arrive
-
Full-screen hamburger menu with no way to dismiss it
-
Hero video cropping its own text on smaller viewports
-
Footer taller than entire content sections above it
90%
72%
75%
found the website visually boring
couldn't identify what the company does
were from Tier-1 cities — the core early-adopter market
The second number is the one that mattered. A boring site is a perception problem. A site where seven out of ten visitors leave without understanding the business is a conversion funnel with a hole at the top — affecting investors, customers, and job candidates equally.
Competitive benchmarking across five EV brands revealed the category's conventions: geometric sans-serifs, dark themes, products above the fold, and strict one-accent colour discipline. The strategic opening — nobody owned green. Greendzine's brand lime could be a genuine differentiator if the design earned the right to use it boldly.
listening before designing
An audit tells you what's broken — not what it costs. I surveyed 50 people who had never heard of the company to quantify the damage.
Users
Three audiences, one surface
Information
architecture
Style Guide
Montserrat
Source Sans 3
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 !@#$%^&*()
1234567890 !@#$%^&*()
#2C2C2C
Charcoal (Primary Text)
#E1E1E1
Silver (Secondary)
#FFFFFF
White (Background)
#A4D65E
Lime Green (Accent)
Default
Enter text...
Focused
|
Filled
Dixita Gandhi
Error
Invalid entry
Display / Heading
The Future is Electric.
Body Copy
Greendzine builds affordable EVs for Indian mobility across three sub-brands — QUARK, IRRWAY, and MOPTro.
Accent Label
Sustainable Mobility
Five Directions. One Decision.
I created five distinct low-fidelity wireframes - each exploring a different content hierarchy, layout structure, and theme. The goal wasn't to find the "best" one in isolation, but to surface disagreements early, when changes are still cheap. Presenting multiple variants to stakeholders meant design decisions were grounded in conversation rather than assumption - and the final direction was chosen with intention, not by default.
Design in Process
The wireframes sparked the real conversation. Stakeholder feedback from the first round surfaced what was missing — a leadership section, patent stats, hover states over autoplay, a stronger hero. Every note from those sessions became a direct input into the next iteration. This is where the brief got sharper.
05 · KEY DECISIONS — GREENDZINE WEBSITE REDESIGN
Before → After.
Every decision traces back to a documented research finding.
01 · Hero — Animated background + video pop-up intercepted users before the homepage even loaded
→
01 · Hero — Static product hero — EV visible at page load, zero waiting
Confidence over spectacle
02 · Products — Products buried beneath corporate messaging — 72% couldn't identify the business
02 · Products — All 3 brands in the first scroll — business self-evident in 5 seconds
Clarity first
→
03 · Mobile Nav — Full-screen hamburger menu with no dismiss target — users felt trapped
03 · Mobile Nav — 50% slide-in drawer, visible close, overlay — mobile rebuilt as first-class
Mobile first
→
04 · Trust Signals — Patents, manufacturing experience, leadership — invisible on the site
→
04 · Trust Signals — 7+ years · 20+ patents surfaced on the homepage
Trust by design
05 · Interactions — Autoplay animations on the values section — visual noise diluting meaning
→
05 · Interactions — Hover-triggered interactions — engagement on the user's terms
Intentional delight
06 · Outcome — Greendzine Website Redesign
Shipped.
Every critical failure identified in research, resolved in production.
Comprehension Gap
72%
couldn't identify the business before — closed at the source
Mobile Experience
Rebuilt
from structurally broken to fully responsive — first-class platform
Audiences Served
3
investors, customers, candidates — all from one homepage
Production Status
Live
intern proposal → company's live website at greendzine.in
Problem closed
Comprehension
72% couldn't identify the business — products moved above the fold
Improvement
Mobile Coverage
0% → 100% — rebuilt from scratch with breakpoint-specific decisions
Exploration depth
Low-fi Variants
5 layout directions tested before any high-fidelity work began
Trust signals added
Credibility
Patents, leadership, manufacturing — all now visible on the homepage
The most meaningful outcome wasn't a metric.
It was being trusted enough to ship.
Intern proposal → live company website
Desktop + mobile redesigned end-to-end
All 3 audiences served from one homepage
Research-backed, stakeholder-approved, shipped