Background reflecting the user’s selected location on the map

Animation show casing the different environmental variables being analyzed

Load bar to indicate progress

After competing the garden set-up, the users are taken to an analysis loading screen before receiving their recommended plants

Analysis Load Screen

Track days since first planted

Digital view of the garden that indicates where each plant should planted

Select Garden to work on

Task list that provide users with step-by-step directions for setting up their garden

A task list that guides users throughout the initial garden set-up process upon receiving their GrowSquares in the mail

Getting Started

Track days since first planted

Responsive digital view of the user’s garden. Blue indicates the need to water. Green indicates the need to pull out weeds. Each plant icon will also animate differently based on the growth stage it’s in

Select Garden to work on

Task list that provide users with step-by-step directions along with visual references for what to look for

Reminders and tasks to track the growth stages of each plant and maintain health of the garden

Task Manager
Garden selection

View of the garden with available plots represented by the overlaid grids

Autofill button

Plant list sorted by compatibility

A new feature that provides users with a quick and convenient options to auto fill their garden with the most compatible plants

Garden Autofill

Help button explaining the importance of plant placements

Garden plot that changes color based on the selected plants. Green shows a good match, red indicates a bad match.

Scrolling list of cards showcasing all available plant varieties. Each card can be turned over for more information.

Users can also manually select plants they want for their garden with guidance from informational cards and visual codification that indicate the compatibility of the plants to the user’s environment and neighboring plants

Guided Plant Selection

This project is live at

Thank you for reading!

Lead UI Designer
Zachary Witman, Daeshaun Mcclintock

This project is live at


How might we develop the next generation of gardens that is personalized, easy-to-use, and responsive?

GrowSquares is start up that aims to design the garden of the future. It is a two-part system featuring custom garden squares and a companion app that helps you navigate your planting journey in real time. In 2019, I was tasked to design their digital onboarding experience, and define their key in-app interaction models.

Challenge 1
Challenge 2
Challenge 3
Onboarding needs to be intuitive and accurately reflect the location, size, and orientation of the garden
Old Design
Select garden type

Needs a third option for Raised Bed gardens

No visual reference to help better determine planter depth

Birds eye view is disorienting and feels disconnected with the isometric perspective introduced previously

No clear visual boundaries to accurately indicate the area of the selected property

No way of designing multiple gardens of different types simultaneously

Select planter depth
Design garden
Select location
Place garden plots
Old Design
Analyze Location
Static and visually underwhelming

Cannot select individual plants and no reference to the garden being purchased for

Need to design for different varieties of the same plant

No clear visual indicator of how good of a match a plant is for your garden, or neighboring plants

To many clicks to replace and customize order

Plant Selection
Plant Detail
Customize Order
Replace Plants
Proposed Design
Proposed Design
Proposed Design
Plant compatibility with environmental conditions and neighboring plants need to be clearly communicated when selecting plants to purchase
Customers need visual guidance when planting, maintaining their garden, and tracking the growth stages of each plant.

On the top, a tracker that indicates where the users are in the end-to-end onboarding process and a help button to provide additional helpful instructions or context.

The middle section illustrates a visual example of the type of garden being selected. The illustration dynamically responds to the user input.

The bottom section is an interactive control panel that allows users to select Garden Type and adjust Planter or Bed depth using a responsive scale.

The new design spilts the screens into 3 sections that grounds the users through clear visual examples and responsive controls  

Dynamic Garden Selection

The main portion of the screen allows users to build their garden. The green squares indicate where a square can be placed, and the semi-transparent planter indicates what has been placed.

The top label indicates which garden is currently being viewed and built.

The bottom minimized panel allows a user to confirm, edit, or delete the gardens that have been built. Users have the option to build a new garden as well.

Four buttons are laid out on the bottom of the screens to allow users to measure their garden, delete squares, and zoom in and out.

The new garden designing experience carries over the isometric illustration style from previous interactions. The use of 3D enables users to view their garden in a more tangible way while still seeing the garden type.

3D Garden Builder

A map view of the location with indications of property boundaries and a dotted grid to guide users to place their gardens

Search for an address to narrow down on a specific location

A bottom panel that shows all the gardens built in the previous step that can be placed onto the map.

The updated location selection experience is simple and intuitive. With clear demarcations of the selected location and an easy drag and drop interaction to place multiple gardens.

Location Selection
© 2021 Sean Lin

Currently at Doblin, I’ve been immersed in design research – uncovering innate user needs to deliver transformative business solutions, brought to life with intuitive and delightful digital experiences.

Previously at
Growsquares, I helped pushed the possiblities for urban gardening. Blending together physical and digital interactions to enhance and differientiate their product experience.

Right before that at Apple and Figmints, I worked with interdisciplinary teams to design impactful and interactive brand and marketing solutions.  

A while ago, I graduated from the
Rhode Island School of Design with a BFA in Industrial and Product Design with a concentration in Creative Computation, Technology & Culture.

Let me
catch you up