Industry
Ecommerce
Client
Bake N Freeze
Your favorite handcrafted goodies, delivered
Your favorite handcrafted goodies, delivered
Your favorite handcrafted goodies, delivered
How we built online presence for BakeNFreeze
How we built online presence for BakeNFreeze
About the Project
Bake N Freeze is a homegrown brand in Ghaziabad, India as well as I can call it my lockdown 2020 side hustle.
As I co-founded the venture with my friend, I wore all kinds of hats for the project as and when required. Here I’m going to discuss the UX Design journey for the project.
When we started BNF, there was a fear mindset regarding the purchase of food items. People were skeptical regarding the safety of the food available but on the other side, online purchases/transaction for goods was increasing as that was the only means left. And when we started operations right before Raksha Bandhan 2020 where we helped people surprise their loved ones with homemade handcrafted customized cookies, portrait cards, and chocolates for the festival.
End users loved the gifts and then we decided to broaden the venture's reach to the whole country via eCommerce and introducing corporate orders.
The site also needed to be welcoming to the visitors, and convey a feeling of warmth and love by emphasizing our handcrafted fresh goodies and sustainable packaging. Convey that each package is made with love on order, a perfect way to surprise one’s loved ones.
Bake N Freeze is a homegrown brand in Ghaziabad, India as well as I can call it my lockdown 2020 side hustle.
As I co-founded the venture with my friend, I wore all kinds of hats for the project as and when required. Here I’m going to discuss the UX Design journey for the project.
When we started BNF, there was a fear mindset regarding the purchase of food items. People were skeptical regarding the safety of the food available but on the other side, online purchases/transaction for goods was increasing as that was the only means left. And when we started operations right before Raksha Bandhan 2020 where we helped people surprise their loved ones with homemade handcrafted customized cookies, portrait cards, and chocolates for the festival.
End users loved the gifts and then we decided to broaden the venture's reach to the whole country via eCommerce and introducing corporate orders.
The site also needed to be welcoming to the visitors, and convey a feeling of warmth and love by emphasizing our handcrafted fresh goodies and sustainable packaging. Convey that each package is made with love on order, a perfect way to surprise one’s loved ones.
Bake N Freeze is a homegrown brand in Ghaziabad, India as well as I can call it my lockdown 2020 side hustle.
As I co-founded the venture with my friend, I wore all kinds of hats for the project as and when required. Here I’m going to discuss the UX Design journey for the project.
When we started BNF, there was a fear mindset regarding the purchase of food items. People were skeptical regarding the safety of the food available but on the other side, online purchases/transaction for goods was increasing as that was the only means left. And when we started operations right before Raksha Bandhan 2020 where we helped people surprise their loved ones with homemade handcrafted customized cookies, portrait cards, and chocolates for the festival.
End users loved the gifts and then we decided to broaden the venture's reach to the whole country via eCommerce and introducing corporate orders.
The site also needed to be welcoming to the visitors, and convey a feeling of warmth and love by emphasizing our handcrafted fresh goodies and sustainable packaging. Convey that each package is made with love on order, a perfect way to surprise one’s loved ones.
Brand Identity
Brand Identity
Bake N Freeze LOGO
Bake N Freeze LOGO
Logo depicting the delightful spirit of BakeNFreeze. The images above show the different explorations.
Logo depicting the delightful spirit of BakeNFreeze. The images above show the different explorations.
The FINAL LOGO.
The FINAL LOGO.
Brand colors & Font
Brand colors & Font
Visual Design
Visual Design
HomePage
HomePage
Hero Section
Hero Section
As BNF wanted to introduce corporate orders, contact information for corporate orders was incorporated above the Navigation bar. It made it easily accessible for the users.
Apart from this, the Hero section displayed the value proposition and a clear CTA for the visitors which can direct users to the cookies.
As BNF wanted to introduce corporate orders, contact information for corporate orders was incorporated above the Navigation bar. It made it easily accessible for the users.
Apart from this, the Hero section displayed the value proposition and a clear CTA for the visitors which can direct users to the cookies.
Product Categories
Product Categories
Next, The page had different cards for product categories available at BNF so that the user can browse and get to the required products by the given information and CTA’s.
Next, The page had different cards for product categories available at BNF so that the user can browse and get to the required products by the given information and CTA’s.
Safety Measures and Delivery Information
Safety Measures and Delivery Information
This section discusses the freshness of the cookies as they are made to order, the delivery time, and covid precautions.
This section discusses the freshness of the cookies as they are made to order, the delivery time, and covid precautions.
Social Proof
Social Proof
This section talked about the experiences of the people who have purchased from BNF to drive more assurance and trust among the buyers.
This section talked about the experiences of the people who have purchased from BNF to drive more assurance and trust among the buyers.
Social Media
Social Media
Next, The page had different cards for product categories available at BNF so that the user can browse and get to the required products by the given information and CTA’s.
Next, The page had different cards for product categories available at BNF so that the user can browse and get to the required products by the given information and CTA’s.
Best Sellers
Best Sellers
Section displaying the top selling, popular products among the past visitors. This section helps the new visitors with the purchse recommendations.
Section displaying the top selling, popular products among the past visitors. This section helps the new visitors with the purchse recommendations.
Email subscription popup
Email subscription popup
Section displaying the top selling, popular products among the past visitors. This section helps the new visitors with the purchse recommendations.
Section displaying the top selling, popular products among the past visitors. This section helps the new visitors with the purchse recommendations.
Shop
As there were limited product categories, a top display of all categories made sense so that the user could know about all the deliverables at once.
As there were limited product categories, a top display of all categories made sense so that the user could know about all the deliverables at once.
Product Page
The page has all the details of the product, images, add-on section, social proof, product reviews, and sections for upselling and cross-selling other products.
The page has all the details of the product, images, add-on section, social proof, product reviews, and sections for upselling and cross-selling other products.
Shopping Cart
Shopping Cart displaying the added products and total cost. This cart doesn’t show the applied taxes because product prices are inclusive of taxes.
Shopping Cart displaying the added products and total cost. This cart doesn’t show the applied taxes because product prices are inclusive of taxes.
Conclusion
Conclusion
Time to conclude!
So these were my learnings after working on this project:
It was the first time I was working on designing an e-commerce product and there were a lot of things that were new to me in terms of domain knowledge and design aesthetics for this specific domain.
The project had tons of iterations before the final design so I got a chance to explore a lot.
The BNF team was very happy with my design work and was very excited to see the designs every time I wanted their feedback.
Time to conclude!
So these were my learnings after working on this project:
It was the first time I was working on designing an e-commerce product and there were a lot of things that were new to me in terms of domain knowledge and design aesthetics for this specific domain.
The project had tons of iterations before the final design so I got a chance to explore a lot.
The BNF team was very happy with my design work and was very excited to see the designs every time I wanted their feedback.
