Nectar

UX Project

Date

May 2020

Tools

Figma, Adobe CC, Dialogflow, Miro

Description

Nectar is a content and data management platform for food businesses that aid in communicating with customers through direct messages and conducting qualitative research through a digital twin of their customer base.

I had the role of visual lead, as I led the branding of the product. I also designed the vision video and created a working chatbot prototype in Facebook Messenger

This project was created for Professor Yee June Yoon's Information Architecture class at SCAD.

Vision Video

Ideation and Research

We started ideating with the restraints of our product relating to Digital Twins, an increasingly popular term used to describe a digital replica of a living or non-living physical entity. With that in mind, we eventually decided to focus on local businesses. At this time in our process, the world was coming to grasp the potential impact the COVID-19 pandemic would have on society, and one of the most vulnerable groups being local businesses. We decided that our solution should give local businesses an edge to be able to compete with larger corporations.

Secondary Research

Our next goal was to get a brief understanding of some of the major problems local businesses are facing currently. One problem which we decided to focus on was that local businesses have a hard time maintaining an online presence and collecting useful customer data. Large corporations are able to do this with ease, however many local business owners don't have the time or the means to focus on this crucial aspect of their business's identity.

We found that Omni-Channels and Digital Asset Management were two very useful strategies to solve this problem.

From here, we started our primary research which included:

  • 53 Surveys with 92.5% ages between 18-24
  • 10 millennial customer interviews
  • 3 local food business interviews (Big Bon Bodega, Starland Yard, and Collins Quarter, all located in Savannah, GA)
  • 3 competitive analysis on current solutions in the opportunity space (Podium, Fivestar, Drop)

From this research, we found insights such as:

Customers are only willing to share their data if:

  • It is low-risk public information
  • Customer information has to be shared with privacy guaranteed.

Customers value relationships between them and the business:

  • Customers enjoy supporting independent businesses.
  • Customers want a mutually beneficial relationship with the business.

Businesses have specific questions they want customer input on:

  • Businesses want more feedback from customers, including their preferences.
  • Businesses use social media and review sites to track customer satisfaction and connect with our customers.

User Persona

As we became closer to understanding what our solution was going to be, we decided that our target audience would be Food business owners. We thought that instead of creating a product that aims to create a new online community, we should utilize the community local food businesses already have through social media such as Facebook and Instagram.

User Testing

During our many design iterations, we conducted eight user testing interviews during our mid-fidelity and high-fidelity stages. Five of the users were UX Design seniors and three of them were local food business owners based in Savannah, GA. All of our interviews were conducted remotely using Figma's prototyping feature. We also collected both pre-tests and post-tests from the users to gain as much as we could from these interviews.

Final Product

Nectar is a content and data management platform for food businesses that aid in communicating with customers through direct messages and conducting qualitative research through a digital twin of their customer base.

Prototype/presentation

A major role I had in this project was the vision video and the Facebook Messenger bot, so I thought I'd give some explanation to how I made each one.

Vision Video

I started by creating an outline of the script that would fit the two-minute timeframe. I had to decide which information was important to include while incorporating all of our product's most important features. From there I created a very low-fidelity animatic so that I could start visualizing the video.

After I got the timing and general storytelling done, I wrote multiple revisions of the script and eventually sent it to our voice actress (big thanks to Maria Ruiz!). While that was taking place, I started creating the individual UI animations in After Effects. There were six desktop UI animations and four mobile UI animations.

I also decided that I wanted an illustrated character to help tell the story in the video. I designed a character with various emotions as well as a face to personify the chatbot. Once all the pieces were in place, I composited them to match the narration and score.

Chatbot Prototype

After receiving feedback from our class, we realized that our chatbot was not as easy to understand as we hoped. To help showcase our product, we decided to make a prototype that could be more easily understood.

The chatbot was made in Dialogflow which has direct integration into Facebook Messenger. I researched various ways of creating a chatbot, however this method was by far the best for what we wanted to achieve.

I ended up creating 19 different "Intents", which refer to the individual response a specific input can trigger. This included a 4-step survey question, three fun facts, and various responses to popular questions food service workers are asked.

My last step was to create a menu specifically for Facebook Messenger. This menu was attached to the default welcome message.

If you want to hear any more about the project, contact me at hey@ndrewgood.com

Feel free to email or DM me on any of my socials. Lets make something happen :-)

hey@ndrewgood.com

Website made with ❤️... and code. more info here.

Feel free to email or DM me on any of my socials. Lets make something happen :-)

hey@ndrewgood.com

Website made with ❤️... and code. more info here.