top of page
Jour de triche moble graphic.jpg

Jour De Triche

Industry: French Bakery App & Website

Role in Project:  UX Design & Brand Identity

Time Constraints: 4 weeks

THE BRIEF

Overview:  

Jour de Triche which means "cheat day" is a French patisserie in La Plata, MD, is known for its exquisite French pastries and unique tea and coffee blends. The establishment caters specifically to sweet-toothed customers on their weekend cheat days. The goal is to design a time reservation app that seamlessly integrates with the posh and Parisian/industrial ambiance of the patisserie, providing customers with the ability to reserve tables, host special events like "Saturday Cheat Days," and pre-order pastries for pickup with a day-before request.

Design Objectives:

  1. Intuitive User Experience: Create an easy-to-navigate interface that aligns with the chic and sophisticated atmosphere of Jour de Triche.

  2. Reservation System: Implement a reservation system for general tables, special events, and pre-ordering pastries, ensuring flexibility and convenience for customers.

  3. Event Promotion: Highlight and promote special events like "Mom's Tea Time" and "Saturday Cheat Days" through the app.

  4. Seamless Ordering: Facilitate a smooth process for customers to order pastries for pickup with the option for day-before requests.

 

Key Features:

  1. Table Reservation

  2. Event Reservation

  3. Pastry Pre-ordering

  4. Event Promotion

THE PERSONAS

The personas and brunches group collectively share pain points such as limited time for weekend outings, challenges with complex reservation apps, dissatisfaction with limited variety at popular spots, and difficulties in securing tables during peak hours. Frustrations include the lack of user-friendly platforms for impromptu gatherings, long wait times, and the inability to pre-book tables for group outings.

 

Their goals converge on finding a user-friendly app for spontaneous outings, seamlessly reserving tables to avoid wait times, discovering a variety of options for cheat day indulgence, and pre-booking tables for group brunches to enhance their overall experience. These findings emphasize the need for an intuitive, efficient, and accommodating reservation app that caters to diverse user needs and enhances their enjoyment of dining experiences.

See more about their individual feedback below.

THE SITE MAP

Jour De Triche (site map).jpg

The site map for the Jour de Triche time reservation app was meticulously designed to ensure a seamless user experience and intuitive navigation. It reflects a deep understanding of user behavior and preferences, with a focus on making the process of placing a takeout order or making a reservation as effortless as possible.

Home Screen Navigation:
   The home screen serves as the central hub where users can choose between two primary actions: placing a takeout order or making a reservation. This strategic layout simplifies the user's decision-making process and provides clear pathways to their desired actions.

Takeout Order Route:
   Upon selecting the takeout option, users are directed to a dedicated section where they can browse through a visually appealing menu of delectable pastries and beverages. High-quality imagery and concise descriptions entice users to explore the offerings further. Each item is accompanied by an "Add to Cart" button for seamless ordering.

Reservation Route:
   Users opting to make a reservation are guided through a streamlined process that begins with selecting the desired date and time. A calendar interface facilitates easy date selection, while dropdown menus offer time slot options. Once the reservation details are confirmed, users can proceed to provide additional information such as party size and any special requests.

Shop Pages Integration:
   One of the key features of the site map is its integration with shop pages. Whether users are browsing the menu for takeout orders or finalizing their reservation details, all paths lead to the shop pages. This ensures consistent access to add-to-cart functionality and a seamless transition between browsing and ordering.

 

Visual Cues and Call-to-Action Buttons:
   Throughout the site map, visual cues such as enticing imagery of pastries and beverages and strategically placed call-to-action buttons enhance user engagement. These elements guide users towards taking desired actions, whether it's adding items to their cart or confirming a reservation.

 

User Feedback and Iterative Improvements:
   The site map is a result of continuous user testing and feedback, leading to iterative improvements in the navigation flow. Insights gathered from user interactions were used to refine the layout, optimize pathways, and enhance overall usability.

By focusing on user-centric design principles and leveraging insights from user behavior, the site map of the Jour de Triche app ensures a delightful and efficient user journey, ultimately enhancing the overall customer experience.

The Wireframe

20240108_155644_edited_edited.png

The wireframing process for the Jour de Triche time reservation app marked the infancy stage of designing, characterized by exploration, experimentation, and a deep dive into understanding user needs and preferences. The wireframes were crafted with the primary goal of conveying the indulgent ambiance of the shop while ensuring straightforward navigation for quick and easy ordering and reservation making.

1. Small Screen and User Rush:

  • Consideration of small screen sizes and users being in a rush guided the wireframing process. The goal was to provide quick access to essential functions like takeout orders and reservations upon app launch. Users needed to circumvent lines and wait times, so the interface prioritized clarity and speed. However, initial feedback from usability testing highlighted issues with small buttons and text, leading to adjustments in the final design. Prominence was given to Call-to-Action (CTA) buttons and text to enhance usability and quick decision-making for users on-the-go.

2. User-Centric Design and Iteration:

  • The wireframing process prioritized user needs, particularly the need for efficiency and speed. Feedback from usability testing played a crucial role in refining the wireframes. Users expressed the desire for larger buttons and text for easier navigation. These insights led to iterative improvements in the final design, ensuring that the app addressed the primary goal of helping users avoid wait times and seamlessly access desired functions.

3. Generative AI Imagery and Concept of Indulgence:

  • The use of generative AI imagery aimed to evoke feelings of indulgence and temptation, aligning with the concept of a cheat day. The imagery was strategically designed to entice users and enhance the desire to make purchases. The name "Cheat Day" in English already sets the tone for indulgence, and the imagery amplified this idea, providing visual dopamine hits to users.

4. Usability Testing Feedback and Refinement:

  • While users appreciated the indulgent imagery, readability issues with text were identified during usability testing. This feedback led to adjustments in the final design, ensuring that text was legible and prominent. Additionally, features such as multiple reservation capabilities and a VIP membership function were added to enhance user experience and cater to regular customers.

5. VIP Membership and Website Accompaniment:

  • The VIP membership function was introduced to offer special benefits to regular customers, including early access to new pastries, specials, and events. This personalized approach made users feel appreciated and valued. The decision to create a website accompanying the app provided users with additional information about the company, membership benefits, and a breakdown of services. Videos were strategically used on the website to further enhance visual appeal and engage users with compelling content.

These considerations and iterative improvements throughout the wireframing and design process demonstrate a user-centric approach, responsiveness to feedback, and a focus on creating a seamless and indulgent experience for users of the Jour de Triche app and website.

THE MOOD

The mood board for Jour de Triche is a harmonious blend of warm pastel colors, including shades of pink, tan, and sage, evoking a cozy and inviting atmosphere. The imagery captures the essence of a traditional French pastry shop, featuring facades adorned with charming details, delectable sweet treats that tantalize the senses, and inspirational elements for logo design. Together, these elements create a visual narrative that embodies the Parisian elegance and delightful indulgence that patrons can expect at Jour de Triche, setting the tone for a memorable and immersive experience.

The goal of Jour de Triche's mood board was to create the most enticing experience through imagery, aiming to transport viewers into the enchanting world of a French pastry shop. The warm pastel colors of pink, tan, and sage were carefully chosen to evoke feelings of comfort and sophistication, setting the stage for an immersive journey. The inclusion of imagery showcasing facades, sweet treats, and logo inspiration further enhances the visual narrative, inviting patrons to anticipate the Parisian elegance and delightful indulgence that awaits them at Jour de Triche.

Blooming Pastel-drk interface-100.jpg

THE STYLE GUIDE

The style guide for Jour de Triche represents a meticulous blend of visual elements and brand identity, aimed at creating a cohesive and captivating experience for users. It encompasses various aspects, including color palettes, typography, brand identity, and visual assets, all carefully curated to convey sophistication, indulgence, and Parisian charm.

Artboard 27.png
Artboard 27 copy 3.png
Artboard 27 copy.png
Artboard 27 copy 2.png

The soft pastel palette of pink, sage, tan, and chocolate black was selected to evoke elegance and luxury, reminiscent of French bakeries in Paris. Each color was chosen for its ability to convey specific emotions, creating a harmonious visual language throughout the brand's materials.

Typography:

Typography plays a pivotal role in reinforcing the brand's identity. Belgian Aesthetics, with its regal yet luxurious flair, was chosen as the primary font, adding sophistication and a touch of old-world charm. Montserrat complements this as the secondary font, ensuring readability and modernity.

Aa

MONTSERRAT

Aa

Morefren

THE BRAND GUIDE

The brand guide serves as a comprehensive reference for maintaining brand consistency across platforms and touchpoints. It includes guidelines for logo usage, color combinations, typography pairings, and imagery styles. This ensures that every interaction with Jour de Triche reflects the brand's values and objectives.

Brand Identity: Jour de Triche's brand identity centers around indulgence and temptation. The name "Cheat Day" implies a break from routine and a celebration of guilty pleasures, echoed in the imagery, messaging, and tone of the app and website. The visual elements amplify this concept, providing users with visual stimuli that evoke desire and excitement.

Visual Assets and Imagery: Generative AI imagery creates visually stunning representations of indulgence, enticing users to explore and make purchases. The imagery captures tempting treats and luxurious experiences, immersing users in the world of Jour de Triche. Custom logos featuring sketched pastries complement the branding, adding a playful and whimsical touch.​

The style guide for Jour de Triche is more than a set of design rules; it's a visual roadmap that guides designers and developers in creating a seamless and immersive experience for users. It encapsulates the essence of the brand, from its elegant color palette to its luxurious typography, all working together to evoke a sense of indulgence and delight in every interaction.

Design

Jour De Triche in Action

Full App walkthrough.gif
bottom of page