Green Zone
Traffic
Madrid
Roadmap for innovation
Low pollution
Preserving the environment Madrid central is a designated low pollution area with restricted traffic regulations that came into effect in late 2018.
Making the journey of drivers easy required thoughtful strategy and design for each vehicle.
![miguel-angel-sanz-sIQx3vYhdyA-unsplash.webp](https://static.wixstatic.com/media/7cf048_6949f897299c4d46871142febfdbd3eb~mv2.webp/v1/fill/w_980,h_735,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/miguel-angel-sanz-sIQx3vYhdyA-unsplash.webp)
DELIVERABLES
Project Conception
UX Design Process
External User Research
Insights Reports
Roadmap Strategy
Validation Reports
COLABORATION
Software Engineer
ROLE
Project Development
UX Design
DURATION
12 Weeks
![Green Zone - Logo Animation.gif](https://static.wixstatic.com/media/7cf048_40396d19d9f0494591bff1db6cee6ccb~mv2.gif)
{
STRATEGY
}
Our target is the vehicles and regulations, is it possible to reverse-engineer both parts team?
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_b57d0baf54f24a4ba27b7b38ee5934b9~mv2.png/v1/fill/w_756,h_259,al_c,q_85,enc_auto/7cf048_b57d0baf54f24a4ba27b7b38ee5934b9~mv2.png)
DEVELOPMENT
OF FRIENDLY
VISUAL
GUIDANCE
TRAFFIC
LAW
DRIVERS
DIFFICULTIES
+
HUMAN
FACTOR
1- The human factor as drivers by getting into the why action and trying to replace the daily difficulties with new visual discipline on mobile.
2- The transformation of written regulations into visual guidance that comes from official sources in this case the general administration of traffic law.
{
STRATEGY
}
{
CONCEPT SOLUTION
}
![Site map green zone traffic Madrid 2.png](https://static.wixstatic.com/media/7cf048_9df4ed124028444a8cbf8cb78d9d202a~mv2.png/v1/fill/w_980,h_395,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Site%20map%20green%20zone%20traffic%20Madrid%202.png)
01
Understanding the use case of the drivers following their journey it’s the main key.
It was very clear from diagraming the pain points and defining ideas considering the close-up storyboard which helps a lot to create this technology process that the stakeholders use to provide great features.
{
STRATEGY
}
![traffic madrid logo red.png](https://static.wixstatic.com/media/7cf048_bde82833c4744366b4bae5724313e761~mv2.png/v1/fill/w_350,h_91,al_c,q_85,enc_auto/traffic%20madrid%20logo%20red.png)
{
VISUAL SOLUTION
}
Low pollution + Traffic regulations + Roadmap
Human factors + Quantitive ideas
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_9c374eaa083e4e30a15f477aabf2c770~mv2.png/v1/crop/x_1,y_0,w_416,h_548/fill/w_417,h_549,al_c,lg_1,q_85,enc_auto/7cf048_9c374eaa083e4e30a15f477aabf2c770~mv2.png)
02
Providing a clear user experience to interact with the page road tracker, the information displayed are giving performance guidance to the driver.
{
SOLUTION
}
{
Mobile User Flow
}
How can a smartphone solve live situations at different times and locations?
Following moderated and unmoderated studies, 70% of Spaniards are Android users.
![Tablet car.webp](https://static.wixstatic.com/media/7cf048_146d302a400a494dbad67a58954e1be0~mv2.webp/v1/fill/w_980,h_653,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Tablet%20car.webp)
{
Car Tablet User Flow
}
Our target is the vehicles and regulations, is it possible to reverse-engineer both parts team?
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_24d5b3b3b8344f098635b0922476c9d3~mv2.gif)
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_29a1a613798b48c19528e77ad5d83b15~mv2.png/v1/fill/w_440,h_559,al_c,q_85,enc_auto/7cf048_29a1a613798b48c19528e77ad5d83b15~mv2.png)
03
The vehicle classification is based on identifying the main vehicle that’s going to be used on the road in reason to provide an easy path.
July 2018, a system of environmental badges with 4 vehicle categories of different colors was officially introduced in Spain.
{
SOLUTION
}
{
Destination Setup
}
Multi-options for choosing a destination, clear guidance to identify the path
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_f0991baa262a44fd9821b3b0f8b95cbd~mv2.gif)
{
Vehicle Classification
}
No requirement for a vehicle classification badge.
Just fill in basic info of the vehicle that generates automatic classification.
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_7c71f5b42137409baf87ad61db341c1b~mv2.gif)
{
BEHIND THE SCENES
}
I have been frank about any design sprint stage that clarifies the project purposes, here are some extracts
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![](https://static.wixstatic.com/media/7cf048_a6e9698aaa334b3d8a0546750068c46b~mv2.gif)
{
THE CHALLENGE
}
The traffic rules with the low pollution in Madrid city have a descriptive explanation by the prefecture that classifies the type of vehicles, which’s not always helpful to use in a live situation by tourists, it includes until today local drivers that are facing challenges to identify the right road with the daily traffic.
Improve air quality in the green zone
Provides visual guidance to the drivers considering their vehicles with the pollution rules of the city
Reduce the misunderstanding of low pollution regulations that end up with penalties for any vehicle owner
![](https://static.wixstatic.com/media/7cf048_1dc8404b9c644bb3955ec70f3f223afa~mv2.gif)
{
Green Zone List
}
Suggestion locations by category and green zone Madrid city center
USER GOAL
A useful technology that manage roads considering the vehicle with the law pollution.
Notify by the green zone earlier.
RESEARCH GOAL
Discover the complexity that the drivers face with the green zone rules.
How did they find the indication of which road/zone are allowed to pass by until they get to their destination.
How little or much traffic affects drivers to identify the allowed roads for their vehicles.
EMPATHIZE WITH USER
Including ourselves in the same situation, socializing with people in the same situation that are looking to park in the center of Madrid, or pass by a street that isn't allowing their cars to pass by with the green zone rules.
![Green Zone Process.webp](https://static.wixstatic.com/media/7cf048_eecfc218d86e444d86d706cb9e0eb491~mv2.webp/v1/fill/w_980,h_311,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Green%20Zone%20Process.webp)
![Green Zone Process Mobile version.webp](https://static.wixstatic.com/media/7cf048_7b0e747308df4049b47d9826b069fc34~mv2.webp/v1/fill/w_980,h_732,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Green%20Zone%20Process%20Mobile%20version.webp)
![Wireframe paper Crazy 8.webp](https://static.wixstatic.com/media/7cf048_6132c0bd43fb4ee9af6de59ed0483020~mv2.webp/v1/fill/w_980,h_712,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Wireframe%20paper%20Crazy%208.webp)
![BAckground sections big size.webp](https://static.wixstatic.com/media/7cf048_3273d2f8c51e40a39b430daa5de8f43d~mv2.webp/v1/fill/w_980,h_698,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BAckground%20sections%20big%20size.webp)
![Before and after wireframe 2.gif](https://static.wixstatic.com/media/7cf048_65a5e28833d24da380624dd7b03fa0f9~mv2.gif)
![Before and after wireframe 1.gif](https://static.wixstatic.com/media/7cf048_f27c9737a2c94d45bbbc438d45d246e8~mv2.gif)
![traffic madrid logo red.png](https://static.wixstatic.com/media/7cf048_bde82833c4744366b4bae5724313e761~mv2.png/v1/fill/w_350,h_91,al_c,q_85,enc_auto/traffic%20madrid%20logo%20red.png)
More to create!
![A new layer of interactivity for your shopping experience](https://static.wixstatic.com/media/7cf048_b71c4ae15a3f466e8b26fe53b50f4778~mv2.webp/v1/fill/w_360,h_360,q_90/7cf048_b71c4ae15a3f466e8b26fe53b50f4778~mv2.webp)
![Loft - Unprecedented Solution](https://static.wixstatic.com/media/7cf048_a0f1165861444245944680a011849206~mv2.webp/v1/fill/w_360,h_360,q_90/7cf048_a0f1165861444245944680a011849206~mv2.webp)
![Roadmap for innovation Low pollution](https://static.wixstatic.com/media/7cf048_e16ceb880e06437f87702a7490aff4b6~mv2.webp/v1/fill/w_476,h_476,q_90/7cf048_e16ceb880e06437f87702a7490aff4b6~mv2.webp)
![A platform that serves a range of goods and services toward a realistic shopping experience with conveniences such as comparison product prices or features that assist in the buying decision.](https://static.wixstatic.com/media/7cf048_b67de9dce42a4816b06b31c7b1775b39~mv2.webp/v1/fill/w_360,h_360,q_90/7cf048_b67de9dce42a4816b06b31c7b1775b39~mv2.webp)
![Healthy Habits, UX Design, UX Research, Product Design Mockup, Wireframe, Double diamond](https://static.wixstatic.com/media/7cf048_a6bdb2555ad0492ba4fb61e5190c2bac~mv2.webp/v1/fill/w_477,h_476,fp_0.34_0.28,q_90/7cf048_a6bdb2555ad0492ba4fb61e5190c2bac~mv2.webp)
![Ux Design product design](https://static.wixstatic.com/media/7cf048_24ebc4d4000148f8ae8a37913bf9421b~mv2.jpg/v1/fill/w_476,h_476,q_90/7cf048_24ebc4d4000148f8ae8a37913bf9421b~mv2.jpg)
{
Simple Vehicle Classification
}