top of page
Fruition_2.png
Fruition_1.png

Fruition! Delivery App
A grocery and delivery
Application

 

 

 

Case Study

Fruition! is a new delivery app revolutionizing the order experience with advanced search options and an intuitive interface. Leveraging AI-driven personalization, Fruition! not only enhances user engagement but also fosters community well-being by creating jobs for vulnerable populations and utilizing electric vehicles for sustainable delivery.

​​​Solo projectUX/UI | Branding | Research | Problem Solving​

Timeline: 9 weeks 

Tools used:

​

​

​

 

 

This project is a fictitious scenario completed as part of Florida Atlantic University's Interactive Media Course.

​

​

Illustrator logo.png
photoshop logo.png
mirologo-freelogovectors.net_.png
figma-logo-0.png

Goals

Pain Points

  • Streamline the search and purchasing journey.

  • Provide quality items in a timely manner.

  • Offer eclectic options from a variety of stores.

  • Maintain reasonable price points.

  • Uplift the local community.​

​​

​

  • ​Wasting time on search and scrolling.

  • Manipulative AI and impulse purchases.

  • Poor quality items.

  • Add on fees for App use and delivery.

GreenWise_edited.jpg

​​
​​​​
​​

​
I observed the Green Wise Market, replete with a wine tasting stand, organic local produce, grind-your-own nut butters, and scented goat-milk body bars at the entrance, with signs encouraging buying from local farmers and the local community.
​
However, just outside, were homeless individuals asking for charity, Veterans aid organizations, and signs forbidding loitering and alcohol consumption.
​
I became curious about how to merge the wealth of the store, the needs of the consumers, with supporting the truly "local" population just outside the store's doors.
​
Hense, Fruition! was born.

While researching grocery shopping habits

about_us (2).png
  • At Fruition, we sustainably uplift individuals in need by creating job opportunities for vulnerable populations —including Veterans, Disabled, and those facing housing insecurity.

 

  • We do this by partnering with charitable organizations like “The Friendship Circle”, “Alef Institute”, and “Covenant House” to redistribute their financial support into paid work opportunities. 

​​

  • This allows us to offer no-to-low cost delivery and no mark-ups for our customers, alleviating two of the major pain-points of delivery apps. 

​​

  • We also partner with EV manufacturers and the EPA to provide zero-emission transportation for our drivers and take care of our planet. 

Our app focuses on a streamlined search and order process which includes:

​

  • Advanced search options 

  • Simplified interface 

  • AI personalized responses for a more intimate experience 

  • Positively impacting our community by creating job opportunities for the vulnerable and utilizing electrical vehicles for our deliveries 

fruition11_edited.png
fruition19_edited.png
  • User is looking for grocery stores and restaurants. He decides he is looking for Vegan, Kosher, and Halal options. 

  • Gets a personalized reply based on his search. ​

  • Search results show photographs from the menu, logos, star ratings in gold, number of reviews, driving distance from him in minutes and in miles.​

  • Description is personalized to his search mentioning “Vegan”, “Kosher”, and “Halal”. 

  • This addresses another pain-point:

  • Online delivery has become an extended, instagram-like scrolling experience

  • Instead, it is meant to be a tool which makes shopping more efficient and saves the user time.

  • The use of logos contributes to an efficient shopping experience. 

  • Here are also personalized location options

  • Intuitive and intelligent voice command

  • Processes requests like "closest" and "most affordable" location

  • Two other needs/pain points of the User 

fruition10_edited.png

​​

  • Personalized greeting

  • Multiple advanced search options 

    • variety of categories

    • voice command

    • the search bar  â€‹

  • Suggested stores via horizontal scrolling 

    • These are specifically logos rather than photographs of merchandise 

    • The user can instantly process the logo, and make decisions quickly 

    • Rather than be slowed down by images from the menu​

​

​​

  • Expedite ordering through voice command

  • The application decides on the closest, most affordable store based on request

Research Methods

Customer Interviews

Delivery App Survey Results: User I 

​

  • User avoids delivery and grocery Apps 

  • Considers herself old fashioned and not tech savvy  

  • She uses WIC which is not available through an App 

  • Avoid delivery fees and mark-ups 

  • Avoids processed foods and prefers to hand select her produce 

  • Her shopping process is different:  

  • she makes a grocery list, adds to it throughout the week, and waits to shop until she can buy everything in one trip. 

  • In person shopping is more spontaneous, adds items when she sees them 

  • In the Apps, keeps asking “do I really need it?” 

  • Prefers Sams Club for most of her shopping and goes to Trader Joes and Walmart for the smaller items. 

  • Quick shopper, in and out. 

  • Avoids shopping as much as possible, this includes Apps 

 

Delivery App Survey Results: User II 

​

Most important factors when choosing App/grocery: 

  • Reputation  

  • Freshness 

  • Price point 

  • Type of item 

  • Location 

  • Portion size for leftovers 

  • Ready to eat produce and dips 

  • Ready to eat breakfasts 

  • Remembered payment and delivery information 

 

Delivery App Survey Results: User III 

​

Most important factors when choosing App/grocery: 

  • Shops based on cookbook recipes 

  • Considers kids favorite foods 

  • Needs to feed a crowd/family size packages 

  • Ethnic ingredients 

  • Compares stores for best deals 

  • Easy scrolling between stores 

  • Item quality and no missing items/ mistakes 

  • Streamlined purchasing, fast delivery 

User Journey

Mosab_User Journey.png

User Scenario

User Scenario 1.jpg
Document2 (1).jpg

User Persona

Mosab User Persona.png
UserPersona1 copy.png
UserPersona2 copy.png

User Flow

Scenario Mapping

Scenario Mapping.png

Low-Resolution Mockups

low_res_1.JPG
low-res_2.jpg
low-res4.jpg
low-res_5.jpg

Mid-Resolution Mockups

margarita.png
cart_5.png
SetUp.png
voicecommand_1.png
homepage.png
cart_3.png
about_us.png
search categories_2.png
Tesla Smart Screen
Nav5_edited.jpg

Case Study

The new Tesla Command Center features four primary interaction modes: a smart screen with a streamlined menu and braille for road focus, a Head-Up Display, responsive wheel toggles, and voice commands. This intelligent, user-centric design prioritizes safety and ease of use.

​

Team project, roles include UX/UI | Research | Problem Solving | Team members: Angelo Brittes, Catalina Las, David Libfeld, and Tanya Zamir​​

Timeline: 9 weeks

Tools used:

 

 

 

 

​​​This project is a fictitious scenario completed as part of Florida Atlantic Univsersity's Interactive Media Course​.

figma-logo-0.png
photoshop logo.png
Illustrator logo.png
mirologo-freelogovectors.net_.png

Tesla Command Center
Smart Screen | HUD |
Voice Command |
Wheel response

Tesla is made specifically for a "smart-phone-proficient" user.

 

Someone, perhaps like an older user, who can not comfortably navigate the menus, options, and flow of information, will become frustrated by the lack of mechanical interaction within the car itself and its reliance on the command center.

 

But this is not simply about acquiring a specific skill set to drive, rather, the "smart-phone-proficient" user has been conditioned to need a high degree of sensory stimulation, which the car affords; while a less proficient user experiences sensory overload, causing safety hazards while driving.

​

To address this overwhelm, we first divided the "need options" from the "pleasure options". With many of the former being displayed through the HUD (Head Up Display) and the latter can be located while still looking straight ahead through the use of braille on the screen.

 

Secondly, we simplified the command center menu and submenu.

 

Thirdly, we refined intuitive interaction through the use of "yes/no" toggles on the wheel which interact with the windshield display, eye tracking for safety, and a more sensitive voice command.

home.png
call7.png
call4.png
Nav3.png
charge.png
climate2.png
safety2.png
Nav5-1.png

Goals

Pain Points

  • Safety

  • Quality manufacturing

  • Reliability

  • Completely intuitive experience

  • Simplified UI

  • Upscale experience

  • Reliable voice command

​​​

​

  • Software glitches

  • Distracting "pleasure" features

  • Subscription fees

  • Poor quality manufacturing/materials

  • Difficulty navigating "necessary" features

  • Unintuitive

  • Multiple interactions including:

    • Command Center​

    • HUD

    • Wheel toggles

    • Voice Command

  • Simplified Command Center with paired down menu for ease of search, so driver can keep eyes on the road

  • Separation between the "Pleasure" options found on the Command Center and "Necessary" options found on the windshield

braille_edited.jpg
  • Braille allows driver to feel with fingers the 6 main options

  • Muscle memory

  • Keep eyes on the road

  • Eye tracking allows for added safety

  • Alert includes sound alarm

  • Map features displayed on HUD

  • HUD responds to wheel toggle

  • Followed by map display on Command Center

call7.png
  • Voice command stimulates call

  • Displayed on HUD and Command Center

  • Multiple access point for function:

    • Wheel toggle​

    • Command Center button

Research Methods

Questions/Ideation/Interviews

Why did you get us a smart car.jpg

User Journey

Why did you get us a smart car_3.jpg
Why did you get us a smart car_2.jpg

User Scenario

User Scenario 1.jpg
Tesla_User Scenario (1).jpg

User Personas

UserPersonaTesla1_edited.jpg

User Flow

Flowchart (2).jpg

Scenario Mapping

Sticky Note Packs (2)_edited.jpg

Market Research

bottom of page