Wild Roots
Website & Mobile Design
Wild Roots is a responsive website and a dedicated mobile app that teaches users about the benefits of native planting, locates native plants for their area, and provides a means to purchase those plants.
Design
Adobe XD
Colors:
Pakistan Green (#0B4A04)
Xanthous (#F7B419)
Pink Lavender (#D5B7DF)
Black (#000000)
White (#FFFFFF)
Fonts:
Trattatello (Logo)*
Tahoma (Headers)
Tamil (Text)*
*Discontinued by Adobe XD
Images:
Free stock images sourced from Pexels and Pixaby.
Goals
- Education: Users need a way to learn about their own home environments.
- Accessibility: Users need a way to access native plants quickly and easily.
Methods:
Usability studies for each iteration of the project.
Interviews with participants about specific features and flows.
Lo-Fi and Hi-Fi prototypes to gain and apply feedback from prospective users.
User Research
Meet the Users
Lo-Fi Prototypes
*Click on images to see the full size.
Wild-Roots-Lo-Fi-Web
Wild-Roots-Lo-Fi-Mobile
Refining the Design
Hi-Fi Prototypes & Mockups
*Click on images to see the full size.
Wild Roots Hi-Fi Web
Wild Roots Hi-Fi Mobile
Writing Considerations
Goals:
- Provide accurate facts
- Avoid lecturing
- Convey the humans behind the site
Style:
- Personality-heavy voice
- Casual tone
- Conversational diction
- Humor a plus
*Click on images to see the full size.
Wild Roots Design Lab
Progress 2
Progress 1
Wild-Roots-Site-Map-1
Wild Roots Hero Image
