PANISTERIA NATURAL

A story about a bakery owned by a passionate woman who creates healthy and delicious guilt-free bread products through the art of baking.

Role

Time

Product Designer

9 weeks

Mobile app mockup

THE STORY BEHIND THE STORY

Adriana, the visionary behind Panisteria Natural, merges her passion for wholesome living and bread baking to create extraordinary artisanal delights. With a background in architecture, she embarked on a journey to fulfill her dream of owning a bakery that celebrates organic, nourishing ingredients. Adriana’s unwavering dedication, artistry, and commitment to quality have made El Rico Pan a haven for those seeking wholesome goodness and unforgettable flavors.

El Rico Pan’s bakery is facing a risk of reduced sales due to its limited reach and lack of online presence. As a result, they require assistance in meeting their sales goals and expanding their customer base.

The interviews revealed several areas of opportunity for Panisteria Natural. Customers expressed interest in preordering their bread to ensure availability and avoid encountering “sold out” messages. Parking availability was cited as a challenge, indicating a potential for improved parking solutions. Many customers expressed a desire for delivery services. Furthermore, the bakery’s focus on being a local, organic, and whole-grain bakery resonated positively with all the research interview participants.

The main goal for Panisteria Natural would be: 

  • Design a new website
  • Implement Preorder System
  • Diversify Product Offerings
  • Explore Delivery Options
  • Marketing and Education

The Process

Following the double-diamond framework, I leverage the Atomic Requirements Shell and JTBD methods to unravel critical pain points. This holistic approach forms the backbone, steering Panisteria Natural’s journey towards creating an ecosystem that seamlessly aligns with user needs, generating business and user value.

What the users had to say

Panisteria Natural serves a diverse customer base within a 3-mile radius, ages 18 to 65-plus. Younger customers (18-40) enjoy innovative options like quinoa cookies, while older customers (40-65+) prefer classic choices. The bakery aims to reach a wider audience by expanding its delivery services while still satisfying local tastes, emphasizing organic, whole-grain, and specialty bakery products.

Pie chart

DISTILING A PERSONA FROM RESEARCH

We are putting a name to our persona based on our interview findings, knowing Maria will serve as a guiding light throughout designing an experience for health-conscious people.

User persona
Braomstorm

BRAINSTORMING

After identifying the problem we needed to solve for Maria, I began brainstorming potential solutions to address her concerns.

MAPPING THE ORDERING JOURNEY

Also, we set out to create a journey map to map out the experience our target audience would experience. This journey map explores the app’s ordering process from chat to pick-up.

Story board

LOW FIDELITY WIREFRAMES

To create a compelling and user-friendly app, we started by defining our audience personas and mapping out user journeys. This helped us gain a better understanding of our target audience and their needs. Once we had a clear picture of our users, we moved on to the wireframing stage. We explored multiple user flows to identify the most efficient and intuitive way for users to navigate through the app. This iterative process allowed us to iterate and refine our design until we achieved the optimal user experience.

USER TESTING

After rough wireframing and creating higher fidelity wireframes, we put our workflows to the test and began our user testing phase. We conducted five user tests to explore participants’ overall experience and opinions of the app. Of this group, two users were between the ages of 25 and 35, two were over 55, and one was 60. Each participant tested the app on their mobile phone and completed a series of tasks. Upon completing tasks, participants were then asked to explore the app without any guidance. Throughout the test, participants were encouraged to voice any questions or concerns they may have.

During testing, some issues brought to our attention included accessibility, payment simplification, local payment app implementation.

After completing our usability testing and reviewing the feedback, our team aimed to address these issues by:

  • Testing the font color to improve legibility
  • We simplified the payment system by using yape app, which is a trusted payment method.
  • Implementing reward points for loyal users.

FINAL OUTCOME

Our team worked intensively to refine the initial ideas and wireframes we had developed for our app. After several iterations, we were able to create a fully functioning prototype using Figma, a web-based design tool. The app was designed to make the process of purchasing baked goods a hassle-free and enjoyable experience. We focused on three core elements – ease, speed, and enjoyment – to ensure that our users would have a seamless experience while using the app.

Movil version prototype

FINAL TAKEAWAYS

  • Panisteria Natural’s user research highlighted the significance of offering organic and wholesome products that align with customers’ health-conscious preferences. Understanding user needs and values is paramount in creating a successful user experience.
  • Crafting a design challenge that centers on delivering a mobile app catering to diverse dietary preferences allowed for creative problem-solving. Balancing business objectives with user desires ensured a product that resonates with the target audience.
  • The wireframing and prototyping process in Figma facilitated iterative design improvements. User feedback played a pivotal role in refining the interface and optimizing usability.
  • Establishing a design system enabled consistency and efficiency in the design process. Implementing a color system, fonts, and reusable components resulted in a cohesive and visually appealing user interface.

NEXT STEPS

  • Collaboration with developers and stakeholders is essential to ensure a seamless transition from design to development. Regular communication fosters a shared vision and alignment throughout the implementation process.
  • Monitoring user interactions and analyzing app analytics post-launch will inform future enhancements and updates. This data-driven approach will continuously refine the app’s features and functionality.

The Panisteria Natural case study has deepened my understanding of user-centered design and reinforced my commitment to creating impactful digital experiences. By applying these learnings and engaging in continuous improvement, I aim to contribute meaningfully to the success of future design projects.