Work Lab
‘At-home’ spa skincare
Brief
Whether it be date nights, birthdays, brunches, proposals, bridal showers, baby showers, gender reveals, graduation parties…Picnic n’ Chill do it all!
Project type
UI/UX Web Design
Webflow Development
Year
2021
See live
picnicnchill
About “Picnic n' Chill”
Luxury picnic setup and event planning service
Jocelyn Chin and Coco Chan started their luxury picnic business, Picnic N' Chill, during the pandemic but picked up traction after going viral on TikTok. Now, planning up to 60 picnics per month.
Determining goals
Bring your vision to life
Picnic n’ Chill brings an exceptional feel to the event. From birthdays, baby showers, bachelorette, bridal shower, proposal, engagement party, anniversaries & more! Picnic n’ Chill on Tiktok shares tips on where to go, what to bring, and what to eat to make your picnic a glamorous event this summer.
Project scope
Creating usable and accessible website
The primary goal was to create a better, memorable, and brand-oriented user experience. Helping customers to get to know the brand and help them explore and purchase the products smoothly. It is not enough to make a beautiful website for a brand to leave a good impression.
What we did
Often it is necessary to dig deeper and create not only the appearance but also the process within it. How are service and experience created? That's what design is all about.
Empathize
From analyzing the data and heat maps to create site maps, we held multiple discussions to pinpoint each problem and reimagine the intact structure.
Rethink
Using sketches and wireframes, multiple potential designs were explored to find the best solution for underlying problems and creating a better brand-centered design.
Execute
After finalizing the art direction with the client, the web interface was designed in Figma and then developed using Webflow to bring it to life.
Test
The website was launched and tested to gather data regarding performance and user flow through heat maps, analytics tools, and surveys.
.png)
Design
UI/UX
From structure to typography, everything was considered making sure it aligns with the brands' goals and is helping in solving the problem and creating a better product.
Site-map
.png)
Wireframe
.png)
Color Palette
.png)
Typography
Icons
Adaptive Interface
Webflow
Development
Webflow was the tool of choice to execute the development process in the most seamless way possible, considering the ease of management and need of the project.
.png)
Setting-up
Integrations
The website was integrated with third-party tools and products to add enhanced features, gather user data, and process it to provide the best experience possible, all without compromising product functionality.
%20(1).png)
%20(1).png)
.png)
Final product
Beautiful yet well-thought
To catch the genuine soul of “Picnic n’ Chill”, it has to be nothing less of perfection. Using sandy colors and photography, famed theme was practiced to create a design that’s beautiful yet well thought out with all the intricate details that help visitor to get to know the brand better and feel confident purchasing service for their next event / celebration… or even a simple date night.
