3P
3P
3P
Public Park Planner
Public Park Planner
Public Park Planner
Public Park Planner
Public Park Maintenance and Planning platform for citizens, landscape professional and municipalities.
Public Park Maintenance and Planning platform for citizens, landscape professional and municipalities.
Public Park Maintenance and Planning platform for citizens, landscape professional and municipalities.
UX Research
UX / UI Design
Service Design
Visual Communication
Figma
Rhinoceros 7
Adobe Suite
Keyshot
2024
2024
2024
Public Park Planning Platform
Public Park Planning Platform
Public Park Planning Platform
Overview
Overview
Public parks and greenspaces are essential for public health, stress relief, living quality and air filtering. AI can help managing the connection between multiple urban factors.
The Goal of the project was a easy to use app and web-based program for planning urban greenspaces with AI-assisted tools.
DEWIBO is a community-based ecosystem that combines design knowledge with practice and social entrepreneurship.
Core values are openness, fairness, cultural agility and generational sensitivity.
Public parks and greenspaces are essential for public health, stress relief, living quality and air filtering. AI can help managing the connection between multiple urban factors.
The Goal of the project was a easy to use app and web-based program for planning urban greenspaces with AI-assisted tools.
Tools
Tools
Figma
Adobe Illustrator
Adobe Photoshop
Adobe InDesign
Rhinoceros 7
Keyshot 8
Figma
Adobe Illustrator
Adobe Photoshop
Adobe InDesign
Rhinoceros 7
Keyshot 8
↘ Responsive Website Prototype
Concept
Concept
The project was divided into two separate parts, which complement each other:
The dedicated mobile app is intended to be usable by city residents and use gamification principles to turn park maintenance into a motivating task.
The responsive website serves as a planning tool for urban planners and municipalities, which can process data with AI, develop generative proposals and simplify complex data.
The project was divided into two separate parts, which complement each other:
The dedicated mobile app is intended to be usable by city residents and use gamification principles to turn park maintenance into a motivating task.
The responsive website serves as a planning tool for urban planners and municipalities, which can process data with AI, develop generative proposals and simplify complex data.
RESEARCH
RESEARCH
Desk Research
Desk Research
I conducted deep research into landscape design and urban planning, enabled by my background as a public designer.
Based on the data sets provided by real time measurements, AI can assist in the planning with grounded suggestions in the planning process.
Green space usage increases the quality of life in urban environments. Maintaining the space can enable citizen without access to gardens to care for the space they use.
I conducted deep research into landscape design and urban planning, enabled by my background as a public designer.
Based on the data sets provided by real time measurements, AI can assist in the planning with grounded suggestions in the planning process.
Green space usage increases the quality of life in urban environments. Maintaining the space can enable citizen without access to gardens to care for the space they use.
I conducted deep research into landscape design and urban planning, enabled by my background as a public designer.
Based on the data sets provided by real time measurements, AI can assist in the planning with grounded suggestions in the planning process.
Green space usage increases the quality of life in urban environments. Maintaining the space can enable citizen without access to gardens to care for the space they use.
↘ Creating Personas for empathising with core user base
↘ Creating Personas for empathising with core user base
User Journey
User Journey
Using Personas, I created user journeys to define different scenarios and daily schedules of possible end users.
Various Personas, with different age groups, vision deficiencies and motivations helped to understand, how people move with public transit.
Using Personas, I created user journeys to define different scenarios and daily schedules of possible end users.
Various Personas, with different age groups, vision deficiencies and motivations helped to understand, how people move with public transit.
↘ Persona Example synthesized from Research
↘ Persona Example synthesized from Research
INFORMATION ARCHITECTURE
INFORMATION ARCHITECTURE
Responsive Web-App IA
Responsive Web-App IA
The design of the Information Architecture draws inspiration from planning and 3D modeling software and websites such as Figma, Rhino 7, and Vectorworks.
To manage the array of tools, a Top Bar and two Side Bars with distinct functionalities were implemented.
Subsequently, employing the "graceful degradation" process facilitated the removal of elements for lower complexities to optimize the interface for mobile and tablet usage.
The design of the Information Architecture draws inspiration from planning and 3D modeling software and websites such as Figma, Rhino 7, and Vectorworks.
To manage the array of tools, a Top Bar and two Side Bars with distinct functionalities were implemented.
Subsequently, employing the "graceful degradation" process facilitated the removal of elements for lower complexities to optimize the interface for mobile and tablet usage.
↘ Sitemap of the responsive web planner for professionals and municipalities.
↘ Sitemap of the responsive web planner for professionals and municipalities.
PRODUCT DESIGN
PRODUCT DESIGN
Wireframing
Wireframing
I started with paper wireframes to map out the visual hierarchy and CTAs, while implementing the knowledge from the research.
Main functions for the dedicated mobile app revolve around the community-based maintenance function.
The responsive website for mobile use allows users to monitor data, display projects, add comments to those projects and join meetings.
I started with paper wireframes to map out the visual hierarchy and CTAs, while implementing the knowledge from the research.
Main functions for the dedicated mobile app revolve around the community-based maintenance function.
The responsive website for mobile use allows users to monitor data, display projects, add comments to those projects and join meetings.
↘ Iterations throughout the wireframing process for the dedicated citizen app.
↘ Iterations throughout the wireframing process for the dedicated citizen app.
Low Fidelity Prototype
Low Fidelity Prototype
For the Lo-Fi Prototype I created several screens to broaden the range of possible interaction and connectivity. My goal was for testers to explore the prototype and reach the usability study goal through different approaches.
For the Lo-Fi Prototype I created several screens to broaden the range of possible interaction and connectivity. My goal was for testers to explore the prototype and reach the usability study goal through different approaches.
↘ Low-Fidelity Prototype for the dedicated mobile app
↘ Low-Fidelity Prototype for the dedicated mobile app
High Fidelity Prototype
High Fidelity Prototype
The Hi-Fi Prototype includes several accessability considerations:
Functionality
The final design included more easy to use functions and clear CTAs.
Readibility
The text size increased and is compatible for screenreaders.
Accessibility
The contrast of elements and background passed WCAG-AAA standards. Important buttons include icons for easier access.
The Hi-Fi Prototype includes several accessability considerations:
Functionality
The final design included more easy to use functions and clear CTAs.
Readibility
The text size increased and is compatible for screenreaders.
Accessibility
The contrast of elements and background passed WCAG-AAA standards. Important buttons include icons for easier access.
↘ High Fidelity Prototype of the dedicated mobile app
↘ High Fidelity Prototype of the dedicated mobile app
↘ High Fidelity Prototype of the web-app
↘ High Fidelity Prototype of the web-app
↘ Revised project map with interactive display