TrackzPlanty Project

The goal of the app is to design a website for users who would like to track the growth of their plants over time. This includes categories such as the watering schedule. In addition, depending on the type of plant, it will give a brief background in what needs to be sufficient to live longer.

Role: UI/UX Designer

Tools: Figma

Timeline: March 2, 2024 (6 hours)

Collaboration: Carmina Tolome and Mike Ayson

Project Overview

Those inspired plant growers may or may not have a plan on how to grow and maintain healthy health for their plants. TrackzPlanty was created to allow plant owners to access resources for plant growing guidance.

Problem Statement

Some plant owners may have difficulties tracking the growth of their plants due to other diligences in their lives.

High Level Vision

TrackzPlanty is an educational and tracker app. Users will have the option to learn about their plant they would like to grow and take care of.

Personas

Rapid Ideation

With the personas created, we then later with a rapid ideation and brainstorm the key features of our app. We divided the work and mentioned that whatever feature is in purple should a higher priority in comparison of the green which should less of a priority but would be nice to include. This approach helped us make intentional design decisions, balance scope, and avoid feature overload while still leaving room for future expansion. By the end of this phase, we had a clear feature hierarchy and a shared understanding of what needed to be designed first versus what could be iterated on later.

Site Map

Competitive Analysis

A competitor is Planta. This app focused on a daily routine for the growth of plants. While TrackzPlanty has this feature, it is important to take notes on certain procedures a user does to maintain their plants healthy.

Moodboard

Low-Fidelity Wireframe

We started by creating basic sketches of low-fidelity wireframes in an attempt to determine the overall user experience of the mobile application and the position of the key features that we intended to incorporate into the final product. The sketches were rich in annotations that highlighted different aspects of the design of the mobile application.

We then converted the low-fidelity wireframes into a digital visuals. We were able to see consistency and hierarchy much better in a more flexible yet realistic setting by finishing this phase. We were able to establish the foundation for high-fidelity by analyzing each feature of the digital visuals.

Link to Figma Live Mockup

Click Here

Reflection

My participation in this project allowed me to develop my design thinking and also to learn to solve problems through the users' eyes. During the whole process, NJIT UX design professors and UX design experts gave our team so much insightful feedback that it not only challenged our assumptions but also allowed us to make more informed decisions. I was able to improve my skills in the communication of design concepts, taking criticism, and working with others during my one of my first UI/UX design project. The success of the project as well as the personal development I have achieved through working on this project (for example, having completed many parts of it from beginning to end) are my two main takeaway points. The experience gained from this project will have a positive effect on my future work in UI/UX design as I continue to apply all I have learned through this project regarding constructive collaboration and design principles.