Unsure how to take care of your plants? Blossom will help you discover what houseplants you have via search or utilizing an AI image-based search. Once you identify your plant, you can view preferred watering schedules, sunlight, atmosphere, etc.
Before I could boot up Sketch App and start fine tuning pixels, I had to research various flora species and clarify several unanswered questions. Significant questions included "Who is Blossom's target audience?", "What drives them to use Blossom?", "What screens are required to meet the general user base's needs?", and "How will users experience Blossom?"
After identifying Blossom's user base, I needed to define what screens would be required to solve the three primary users' pain points. Utilizing OmniGraffle, I developed a user flow highlighting the user's journey and identifying the critical features required to make Blossom a minimal viable product. Critical features ranged from account creation to adding/removing plants to their digital garden.
Once the user flow met all the requirements to solve the users' pain points, I started wireframing Blossom. I decided to use low-fidelity wireframes for this project since time was critical. This phase allowed me to think critically about user's experience and develop a foundation on how I will present Blossom to the user.
The scrolling animation for several screens, including the profile and calendar, featured below, all have a unique scrolling animation. Instead of describing the animation in a requirements document, I decided to show the engineers what the animation would look like in the wild, utilizing Principle.