Diversify by Design (DxD) Intensives:Workday Mentorship
Collaborated with Workday mentors to design a Figma prototype for a mobile app that helps users find eco-friendly businesses focused on enhancing community engagement with SFE's Resident Initiative. Developed and presented design solutions, utilizing skills in sketching, mood boards, research, and style boards to improve user experience and visibility.
Problem Statement
Developing a user-friendly platform that enables individuals to locate eco-friendly businesses on a map while enhancing public awareness of sustainable practices.
User Research
We conducted a comparative analysis of features and interactions used by various business search tools to identify patterns that could enhance the search experience.
User testing focused on identifying factors that would encourage users to choose eco-friendly businesses.
Additionally, we engaged with Ms. Ureno, the Green Business Coordinator at SF Environment, to gain insights about current business and impact.
wireframe Sketches
Our initial concepts centered on developing the Green Business Tracker as a mobile app, prioritizing the core feature of business search through both a map and list format. We also explored filtering options to help users find businesses based on:
Distance
Price
Type of Business
Mid. Fidelity Design
Onboarding Preferences:
Define preferences during onboarding.
Establish a personalized feed for recommendations.
Filter Utilization:
Quickly identify and adjust filter settings.
Streamline search for businesses based on individual needs.
Saving Businesses:
Saved a businesses profile to be able to revisit in the future.
GUerilla testing
Color Palette: The previous color palette did not pass accessibility standards, and we
increased hues and changed colors to enhance accessibility.
Font Size: The previous font size was too small and hard to read for the users. So font size was increased and change to standards.
Saved Bottom: A bottom was included on each business to allow the users to save their favorite restaurants.
Size of the Screen: The iPhone SE screen size was increased to an iPhone pro screen to allow better distribution and align with user’s screens.
iPhone SE
iPhone Pro
High Fidelity Design
This version has the new color palette and is set up for iPhone Pro.
