PIKNIK

This is a project that brings cottage bakers and their potential customers together. I've designed a simple, intuitive, and efficient dashboard.

It incorporates comprehensive research, logical approaches to complex problems, a professional branding example, and an intuitive interface design, all executed using the industry-standard tool, Figma.

Every element is meticulously organized with auto layout,
and yes, I named all the layers!

BAKERS DON'T NEED A PHYSICAL STORE!

The idea is basically to help home-based bakeries who are the great talents but cannot afford to open a physical store.

They are now gifted to showcase their baked goods, manage orders, and track their weekly schedule.

Piknik is not just another digital platform; it's a journey of taste, community, connection, and of course: happiness.

My Role

Solo Product Design
Passion project

Duration

Four-week design sprint

Prototype

PROBLEM

Many cottage bakeries lack the ability to create visually appealing and user-centric web pages, making the process of showcasing products and receiving orders a headache for those who either don't want to open a physical store or cannot afford to do so.

SOLUTION

From the idea of  "kitchen is hard enough"  I've designed a comprehensive, user-centric digital platform tailored to meet the unique needs of cottage bakeries.

Now, the artisans can only focus on their hard work in the kitchen. With its simple dashboard interface, Piknik will provide them a convenient and useful e-commerce service.

Let's dive deeper!
Discovery started with brainstorming

I NEEDED TO DETERMINE THE CONCEPT FIRST. -understanding the user.

In the very beginning, there was a fork in the road. Even though the idea was clear enough, the decision was crucial here because everything else would take the place according to this decision.

As the legendary British punk rock band The Clash came up with the song "Should I Stay or Should I Go?" I came up with the question of "should I create a website builder platform or an e-commerce platform."

In order to understand the most convenient way, I needed to empathize with both sellers and buyers. In fact, I simply needed to listen to those people. I wrote down all possible strengths and weaknesses and created real interview and survey questions that will take place in my research phase.

WHO ARE THE COMPETITORS? -researching other giants in the market.

"Competition"- the buzzword of our era! It's like a playground for growth, right?

Analyzing the giants in the market helped me understand their inner workings, what made them stand out, and where the golden opportunities lay. This was instrumental in shaping Piknik's unique identity and value proposition.

QUANTITATIVE DATA -discovering user needs.

In order to understand users' needs, and to collect necessary quantitative data, I conducted a two-fold survey journey—one for the passionate bakers who transform simple ingredients into edible art, and the other for the discerning customers who savor every bite.

QUALITATIVE DATA -getting insights from real people and AI face to face!

After gathering quantitative data from surveys, I conducted user interviews to delve deeper into qualitative insights. It became abundantly clear at this juncture that creating an e-commerce platform was the way to go, prioritizing seller convenience and fostering buyer trust!

I even picked ChatGPT's brain as well!

Time to give it a shape and
make it appear!

REFLECTION OF HUMAN BEING -creating a persona for each type of user.

Before my pen hits the paper in the pursuit of wireframes, I always take the time to step into the shoes of the humans who will be using the product I aim to design. Who are these people?

The insights I gathered during my research helped me develop three personas:
Meet our great Jessie, Mia and Rob:

FEATURE PRIORITIZATION / MoSCoW Map -what are the musts?

The MoSCoW method helped me to prioritize features and functionalities to ensure that the most critical elements are addressed first while providing flexibility to accommodate less critical items as resources allow.

MoSCoW stands for: Must, Should, Could, and Won't.

USER STORIES / USER FLOWS

In our journey to craft Piknik, user stories served as the heartfelt narratives that illuminated our users' needs and desires.

These stories, coupled with intuitive user flows, became the compass that guided our users through every delightful interaction.

SITE MAP

Structured by the comprehensive site map, Piknik's digital landscape was carefully designed to offer an effortless and engaging experience.

Also, this helped me to make myself the developer's best friend!

let's spill some ink
on the paper!

VISUAL REFLECTION OF MY RESEARCH -sketching the visual identity.

The sketches of Piknik were the raw, unfiltered expressions of my design journey. They were the first strokes on the canvas, capturing the essence of our platform's evolution. These sketches were not just lines and shapes; they were the birthplace of Piknik's visual identity and user interface.

Each stroke and annotation represented a moment of inspiration, a solution to a design challenge, or a glimpse into the future of Piknik. These sketches were the embodiment of creativity, the initial steps in transforming ideas into the engaging and user-centric design that would define Piknik's identity.

IMPLEMENTATION OF DIGITAL WIREFRAMES -my sketches took their place in the digital pixels.

As ideas danced across the paper, they found their digital form in wireframes, shaping dreams into the blueprint of Piknik's digital realm.

In order to maintain the MVP I designed the main pages first. Then, I conducted 5 usability tests and targeted to move from there.

name the baby,
craft a personality!

IDEA MAPPING -what would people call this platform?

This was the fun-filled phase of my journey, where the quest for the perfect platform name unfolded.

I huddled around a brainstorming diagram designed to capture the essence of a bakery in all its delightful facets. With each idea and word scribbled on the diagram, I aimed to create a name that would resonate with the warmth, creativity, and community spirit of cottage bakeries.

Subsequently, the creative process led me to a blank canvas of white paper, where I began to sketch out various ideas.

I found myself pondering the essence of what people would do with this platform, imagining the coziest gatherings and delightful moments it would facilitate. This shift in perspective sparked a moment of revelation.

After some thoughtful exploration, the beautiful name 'Piknik' emerged as the embodiment of our vision—a name that resonated with the joy of picnics, community, and sharing, while encapsulating the essence of starting something wonderful from scratch.

BRANDING / DESIGN SYSTEMS

My branding journey was a quest to create an identity that resonated with the warmth, creativity, and community spirit of cottage bakeries. It was about crafting a visual and emotional signature that set Piknik apart in a crowded digital landscape.

Every color, every font, every visual element was carefully chosen to evoke the essence of our platform—a place where dreams were baked into reality, where every bite was a taste of homemade happiness.

Hi-Fi PROTOTYPE

Ready for testing!

USABILITY REPORT

I conducted 5 usability testing.

A- 3/5 of users expressed that they wish to see more specific title on the notepad.

B- 5/5 of users expressed that they wish to see alerts for unread messages and open orders in the left menu box.

C- 4/5 of users got confused by the way the date was shown.

D- 3/5 of users expressed that they wish to print the order details on the calendar page.

final prototype!

Aaaand there you go!

I’m excited to share that I’ve reached a significant milestone in my project. I've successfully created my high-fidelity prototype, bringing my vision to life with a fully interactive and polished representation of my platform.

This prototype not only showcases the aesthetics but also the functionality of my design, allowing me to provide an exceptional user experience.

CONCLUSION

This project provided a fantastic opportunity for me to design a complex dashboard within a short timeframe. Conducting usability tests and gathering feedback was the moment when I truly realized my passion for design and everything related to this field. You know, I got goosebumps!

I've been acquiring new skills in Figma every day, and I'm extremely pleased with the outcomes of my branding process. Despite encountering various obstacles, constraints, and limited research resources, I'm grateful that I was able to overcome most of the challenges. I see myself as someone with strong problem-solving skills, and while recognizing this skill may not be the most exciting thing, experiencing it in a project like this has been one of the most enjoyable times of my life.

I'll keep learning, I'll keep exploring, and I'll keep designing for a better world!