New Bean

Inspiration

Small cafes lose out to big chain companies when it comes to outreach. But small cafes have the upper hand when it comes to customer satisfaction and personalization. We looked at big chain companies' websites and they all looked the same serving the same purpose of selling products. But local cafes need to think about their resources as they make limited items and remake more items on-demand. We tried to solve this through our cafe, New Bean.

What it does

New Bean is a personality-forward local cafe with the main purpose of meeting customer demand, while utilizing their resources efficiently. Thus their website focuses on the primary motive of how they can incentivize people to buy more of their stuff when they are nearing the end of the day. This would prevent huge wastage of food and would also allow preparation of fresh food everyday. The various incentives are by offering lower costs, or seeing if they want to pick up the last few pieces of an item.

How we built it

It is designed completely in Framer. We also coded a website whose code is available in github.

Challenges we ran into

This was our teams' first time with Framer without following any tutorials directly. The home page was the most challenging part as stacks, frames and z-indexes were really complex to understand. When we were almost 7 hours into building the home page, we realized that we might have been headed for something a bit too ambitious.

Accomplishments that we're proud of

We are really proud of the coffee bean animation in the home page. It took a lot of time to get the clouds layer and a lot of testing to finally get it to work smoothly.

What we learned

First of all, designing for businesses mean that we need to think of how it can be unique to other businesses as each business has their own story. Thinking of the design system is something that helped us decide what is the story we want to convey.