Pine Mockup

Pine

PINE is an innovative food app designed to simplify meal decisions by combining location-based restaurant suggestions and personalized recipe recommendations. By leveraging user preferences and available ingredients, PINE helps reduce food waste while providing convenient options for dining out or cooking at home. It merges the best of food delivery services and recipe finders into one seamless platform.

Introduction

For this project, I collaborated with one other team member over the course of 20 weeks to develop a fully coded web app. Our goal was to create an application that implemented APIs and dynamic content, delivering an interactive, app-like final product.

PINE was the result of this effort, showcasing a seamless integration of functionality and design while addressing real-world challenges through innovative solutions. The project emphasized user experience, responsive design, and efficient use of APIs to deliver a polished, functional application.

Date

January-May 2024

Role

UI/UX Designer
Frontend Developer
Research Analyst
Project Manager

Skills

User Research
Javascript
Next.js / React
Figma
API Integration

Interface and Design

success story 1

Color Palette

reachout logo
success story 2

Our Logo

reachout logo
success story 3

'Dish Card'

reachout logo
success story 4

Nav Icons

reachout logo
success story 5

Buttons

reachout logo

Our Screens

View Our Designs

success story 1

Landing Page

success story 1

Tutorial Page

success story 1

Quiz Page

success story 1

FAQ Page

Home Page

Contact Screen

success story 1

Category Page

success story 1

Ingredients Page

success story 1

Nutrition Screen

success story 1

Recipe Page

success story 1

Shopping List Page

success story 1

Restaurant Location Page

success story 1

Favorites Page

success story 1

Search Page