Reciplease

2024 Q4
SaaS

Overview

Reciplease is a B2C AI SaaS product that helps home cooks and busy adults find new recipes and create better budgeted grocery lists. As a home cook, I wanted to build something that I would get lots of use from. The hardest things about cooking for me, and others, which I found through research, are: finding new, interesting recipes, and budgeting for groceries. So, I set out to create solutions for those problems.

My Role

happy mask and paintbrush
Branding
pencil and ruler
UI Design
person beside a checkmark
UX Design
pencil drawing a line
Copywriting
Development
globe with intersecting lines
Presence

scroll for more

Tech Stack

HTML
CSS + SASS
Tailwind CSS
JS
GSAP
Vue.js
Pinia
Nuxt
Node.js
Firebase

User Experience

Taking my own story into consideration, and after speaking with a few other people, I devised a few user personas to guide my UX design. The main users would be home cooks, busy parents, and budget conscious adults.

But why would they use the app at all? I narrowed down the value propositions to its key points: free, easy to use, personalized recipes, ability to save recipes, no clutter/long scrolling/cookies/ads, all contained in one site.

With this in mind, I was able to create wireframes and the information architecture for the app.

Visual Design

Starting with colors, I went for greens, reds, and tans – but muted – as they felt more sophisticated and gave the appearance of quality.

I created the logo in Sketch, then migrated to Figma to pair it with typography – revising it to the script version after user feedback.

After creating the reusable components with a mixture of Tailwind and custom styles, I implemented the motion design, which included page transtitions, loading animations, and micro-interactions.

Features

The most important feature was authentication. I chose Firebase because of the ease of authentication, and tying the users into their own separate data collections.

With authentication – combined with state management – came the ability to save recipes, store shopping lists, view activity history, update credentials, and limit usage according to tier. Users find recipe searches and generations to be intuitive, and the shopping list functions to be clear.

Conclusion

Another successful passion project!
The growth that I experienced throughout this project was exponential. I took great care in choosing my tech stack and making sure I understood everything I chose to implement in this project – and it paid off well.

Home