Increased online reservations by 60% designing Petite Percebes’ first website, translating their pop-up dining experience into a cohesive digital brand.
Petite Percebes • Responsive Web Development • 2025
Petite Percebes • Responsive Web Development • 2025
YEAR
2025
TIMELINE
2 months
PLATFORM
IOS
INDUSTRY
Digital Hospitality
TOOLS
PLATFORM
IOS
INDUSTRY
Digital Hospitality
ROLE
UX/UI Designer
View Prototype
SUMMARY
Petite Percebes is a chef-driven pop-up rooted in seasonality and sustainability.
UXLink is a space where designers could connect, learn, and grow — without the chaos.
UXLink is a space where designers could connect, learn, and grow — without the chaos.
UXLink is a space where designers could connect, learn, and grow — without the chaos.
They needed a website that made discovery simple and reflected the warmth of their brand. I designed and built a centralized digital experience where guests can explore menus, events, and the chefs’ story. I owned the full process, from research to final implementation.
UXLink allows designers to exchange feedback, discover mentorship and build confidence in a centralized platform. I was responsible for the entire project, from inception to completion.
UXLink allows designers to exchange feedback, discover mentorship and build confidence in a centralized platform. I was responsible for the entire project, from inception to completion.
UXLink allows designers to exchange feedback, discover mentorship and build confidence in a centralized platform. I was responsible for the entire project, from inception to completion.
The Problem
The Problem
The Problem
The Problem
Guests struggled to find information they needed (menus, upcoming events, booking details, and the chefs’ story) because everything lived on Instagram. Important posts were easily missed, outdated, or buried.
Guests struggled to find information they needed (menus, upcoming events, booking details, and the chefs’ story) because everything lived on Instagram. Important posts were easily missed, outdated, or buried.
Guests struggled to find information they needed (menus, upcoming events, booking details, and the chefs’ story) because everything lived on Instagram. Important posts were easily missed, outdated, or buried.
Guests struggled to find information they needed (menus, upcoming events, booking details, and the chefs’ story) because everything lived on Instagram. Important posts were easily missed, outdated, or buried.
Design challenge:
Design challenge:
Design challenge:
Design challenge:
How might we translate Petite Percebes’ artistic identity into a digital experience that is intuitive, accurate, and sustainable as the brand grows?
How might we translate Petite Percebes’ artistic identity into a digital experience that is intuitive, accurate, and sustainable as the brand grows?
How might we translate Petite Percebes’ artistic identity into a digital experience that is intuitive, accurate, and sustainable as the brand grows?
How might we translate Petite Percebes’ artistic identity into a digital experience that is intuitive, accurate, and sustainable as the brand grows?
I created user personas based on user findings ensuring their goals shaped design decisions.
I created user personas based on user findings ensuring their goals shaped design decisions.
I created user personas based on user findings ensuring their goals shaped design decisions.
I created user personas based on user findings ensuring their goals shaped design decisions.
I created user personas based on user findings ensuring their goals shaped design decisions.
I explored how a dedicated website could reflect Petite Percebes’ branding while remaining simple and intuitive to navigate. I created lo fidelity wireframes and conducted A/B testing for quick feedback to see what designs clients preferred.
I explored how a dedicated website could reflect Petite Percebes’ branding while remaining simple and intuitive to navigate. I created lo fidelity wireframes and conducted A/B testing for quick feedback to see what designs clients preferred.
I explored how a dedicated website could reflect Petite Percebes’ branding while remaining simple and intuitive to navigate. I created lo fidelity wireframes and conducted A/B testing for quick feedback to see what designs clients preferred.
I explored how a dedicated website could reflect Petite Percebes’ branding while remaining simple and intuitive to navigate. I created lo fidelity wireframes and conducted A/B testing for quick feedback to see what designs clients preferred.
Components
Components
Components
A/B Testing
Lo-fi frames
Hi-fi frames
A/B Testing
Lo-fi frames
Hi-fi frames
A/B Testing
Lo-fi frames
Hi-fi frames
Collaborated with the clients on developing the design system—selecting colors and imagery—and recommended that they find a photographer whose style aligned with their brand and website vision to enhance the overall look and feel
High Fidelity Prototype
High Fidelity Prototype
High Fidelity Prototype
High Fidelity Prototype
I built a high-fidelity prototype in Figma and collaborated closely with the chefs to ensure the tone, imagery, and storytelling aligned with their vision.
What I designed:
A clean, scalable website structure (Home, Menu, Events, About, Contact).
A visual system inspired by the brand’s earth-driven aesthetic.
Clear paths to essential information with minimal friction.
Mobile-first layouts to meet guests where they already engage.
I built a high-fidelity prototype in Figma and collaborated closely with the chefs to ensure the tone, imagery, and storytelling aligned with their vision.
What I designed:
A clean, scalable website structure (Home, Menu, Events, About, Contact).
A visual system inspired by the brand’s earth-driven aesthetic.
Clear paths to essential information with minimal friction.
Mobile-first layouts to meet guests where they already engage.
I built a high-fidelity prototype in Figma and collaborated closely with the chefs to ensure the tone, imagery, and storytelling aligned with their vision.
What I designed:
A clean, scalable website structure (Home, Menu, Events, About, Contact).
A visual system inspired by the brand’s earth-driven aesthetic.
Clear paths to essential information with minimal friction.
Mobile-first layouts to meet guests where they already engage.
I built a high-fidelity prototype in Figma and collaborated closely with the chefs to ensure the tone, imagery, and storytelling aligned with their vision.
What I designed:
A clean, scalable website structure (Home, Menu, Events, About, Contact).
A visual system inspired by the brand’s earth-driven aesthetic.
Clear paths to essential information with minimal friction.
Mobile-first layouts to meet guests where they already engage.
Usability Testing
Usability Testing
Usability Testing
Usability Testing
To validate the design, I hosted remote sessions with the clients and several customers. We observed how easily users could find menus, navigate events, and understand the brand’s story across devices.
To validate the design, I hosted remote sessions with the clients and several customers. We observed how easily users could find menus, navigate events, and understand the brand’s story across devices.
To validate the design, I hosted remote sessions with the clients and several customers. We observed how easily users could find menus, navigate events, and understand the brand’s story across devices.
To validate the design, I hosted remote sessions with the clients and several customers. We observed how easily users could find menus, navigate events, and understand the brand’s story across devices.
100%
100%
100%
100%
Completion rate
Completion rate
Completion rate
Completion rate
Testers responded positively to the design, highlighting its simplicity and how intuitive it feels to navigate.
Testers responded positively to the design, highlighting its simplicity and how intuitive it feels to navigate.
Testers responded positively to the design, highlighting its simplicity and how intuitive it feels to navigate.
Testers responded positively to the design, highlighting its simplicity and how intuitive it feels to navigate.
These insights informed refinements before development.
These insights informed refinements before development.
Challenge - Advocating Accessibility & Client Needs
Challenge - Advocating Accessibility & Client Needs
Challenge - Advocating Accessibility & Client Needs
Challenge - Advocating Accessibility & Client Needs
One major design decision centered on color contrast. The clients preferred a palette that did not meet WCAG contrast guidelines but felt strongly that it represented their identity.
I:
Communicated accessibility concerns clearly and respectfully.
Provided alternative palettes that preserved the vibe while improving legibility.
Documented implications for long-term usability.
One major design decision centered on color contrast. The clients preferred a palette that did not meet WCAG contrast guidelines but felt strongly that it represented their identity.
I:
Communicated accessibility concerns clearly and respectfully.
Provided alternative palettes that preserved the vibe while improving legibility.
Documented implications for long-term usability.
One major design decision centered on color contrast. The clients preferred a palette that did not meet WCAG contrast guidelines but felt strongly that it represented their identity.
I:
Communicated accessibility concerns clearly and respectfully.
Provided alternative palettes that preserved the vibe while improving legibility.
Documented implications for long-term usability.
One major design decision centered on color contrast. The clients preferred a palette that did not meet WCAG contrast guidelines but felt strongly that it represented their identity.
I:
Communicated accessibility concerns clearly and respectfully.
Provided alternative palettes that preserved the vibe while improving legibility.
Documented implications for long-term usability.
Recommended Blue
Recommended Blue
Recommended Blue
Recommended Blue
Client Color that did not pass WCAG standards
Client Color that did not pass WCAG standards
Client Color that did not pass WCAG standards
Client Color that did not pass WCAG standards
Ultimately, the clients chose to move forward with their preferred palette — a decision that balanced brand personality with business considerations.
Ultimately, the clients chose to move forward with their preferred palette — a decision that balanced brand personality with business considerations.
Ultimately, the clients chose to move forward with their preferred palette — a decision that balanced brand personality with business considerations.
Ultimately, the clients chose to move forward with their preferred palette — a decision that balanced brand personality with business considerations.
Development & Outcome
Development & Outcome
Development & Outcome
Development & Outcome
I built the website directly in Squarespace and spent a lot of time iterating in real time with the clients. We’d make changes together, test ideas on the spot, and talk through what felt right for the brand. It pushed me to stay flexible, communicate clearly, and translate creative decisions into something that actually worked on the page.
The final site gives guests a reliable and welcoming place to explore Petite Percebes — something Instagram just couldn’t do on its own. It captures the chefs’ personalities, values, and creativity while offering visitors a much smoother, more intuitive way to follow their journey across different cities.
I built the website directly in Squarespace and spent a lot of time iterating in real time with the clients. We’d make changes together, test ideas on the spot, and talk through what felt right for the brand. It pushed me to stay flexible, communicate clearly, and translate creative decisions into something that actually worked on the page.
The final site gives guests a reliable and welcoming place to explore Petite Percebes — something Instagram just couldn’t do on its own. It captures the chefs’ personalities, values, and creativity while offering visitors a much smoother, more intuitive way to follow their journey across different cities.
I built the website directly in Squarespace and spent a lot of time iterating in real time with the clients. We’d make changes together, test ideas on the spot, and talk through what felt right for the brand. It pushed me to stay flexible, communicate clearly, and translate creative decisions into something that actually worked on the page.
The final site gives guests a reliable and welcoming place to explore Petite Percebes — something Instagram just couldn’t do on its own. It captures the chefs’ personalities, values, and creativity while offering visitors a much smoother, more intuitive way to follow their journey across different cities.
I built the website directly in Squarespace and spent a lot of time iterating in real time with the clients. We’d make changes together, test ideas on the spot, and talk through what felt right for the brand. It pushed me to stay flexible, communicate clearly, and translate creative decisions into something that actually worked on the page.
The final site gives guests a reliable and welcoming place to explore Petite Percebes — something Instagram just couldn’t do on its own. It captures the chefs’ personalities, values, and creativity while offering visitors a much smoother, more intuitive way to follow their journey across different cities.
Take Aways
Take Aways
Take Aways
Take Aways
This project really helped me get more comfortable working with a real client and figuring out how to bring their vision to life while still making sure the site felt easy to use. I had to wear a lot of hats—designer, builder, and sometimes even translator between creative ideas and what actually works on the web. It also pushed me to be quicker on my feet, especially when building directly in Squarespace and handling feedback in real time. Overall, it gave me more confidence in trusting my process and making things that feel both thoughtful and functional.
I learned how important it is to find the balance between advocating for best practices and respecting a client’s vision. Clear communication, setting expectations, and knowing when to let go of perfectionism all played a big role. It also reminded me that even if a design isn’t “textbook perfect", if it feels true to the client and works for their audience, that’s a success.
This project really helped me get more comfortable working with a real client and figuring out how to bring their vision to life while still making sure the site felt easy to use. I had to wear a lot of hats—designer, builder, and sometimes even translator between creative ideas and what actually works on the web. It also pushed me to be quicker on my feet, especially when building directly in Squarespace and handling feedback in real time. Overall, it gave me more confidence in trusting my process and making things that feel both thoughtful and functional.
I learned how important it is to find the balance between advocating for best practices and respecting a client’s vision. Clear communication, setting expectations, and knowing when to let go of perfectionism all played a big role. It also reminded me that even if a design isn’t “textbook perfect", if it feels true to the client and works for their audience, that’s a success.
This project really helped me get more comfortable working with a real client and figuring out how to bring their vision to life while still making sure the site felt easy to use. I had to wear a lot of hats—designer, builder, and sometimes even translator between creative ideas and what actually works on the web. It also pushed me to be quicker on my feet, especially when building directly in Squarespace and handling feedback in real time. Overall, it gave me more confidence in trusting my process and making things that feel both thoughtful and functional.
I learned how important it is to find the balance between advocating for best practices and respecting a client’s vision. Clear communication, setting expectations, and knowing when to let go of perfectionism all played a big role. It also reminded me that even if a design isn’t “textbook perfect", if it feels true to the client and works for their audience, that’s a success.
This project really helped me get more comfortable working with a real client and figuring out how to bring their vision to life while still making sure the site felt easy to use. I had to wear a lot of hats—designer, builder, and sometimes even translator between creative ideas and what actually works on the web. It also pushed me to be quicker on my feet, especially when building directly in Squarespace and handling feedback in real time. Overall, it gave me more confidence in trusting my process and making things that feel both thoughtful and functional.
I learned how important it is to find the balance between advocating for best practices and respecting a client’s vision. Clear communication, setting expectations, and knowing when to let go of perfectionism all played a big role. It also reminded me that even if a design isn’t “textbook perfect", if it feels true to the client and works for their audience, that’s a success.