The Surbitonian Grind

The Surbitonian Grind

The Surbitonian Grind

The Surbitonian Grind, is a local small business, that offers delicious coffee and treats but lacked any online presence. By blending their commitment to quality coffee, competitive pricing, and innovative rewards programs, the goal was to boost brand recognition and deliver an engaging online experience reflective of their brand.

The Surbitonian Grind, is a local small business, that offers delicious coffee and treats but lacked any online presence. By blending their commitment to quality coffee, competitive pricing, and innovative rewards programs, the goal was to boost brand recognition and deliver an engaging online experience reflective of their brand.

The Surbitonian Grind, is a local small business, that offers delicious coffee and treats but lacked any online presence. By blending their commitment to quality coffee, competitive pricing, and innovative rewards programs, the goal was to boost brand recognition and deliver an engaging online experience reflective of their brand.

The Surbitonian Grind, is a family-run coffee shop nestled in the heart of Surbiton and is beloved by locals for its warm ambiance, quality coffee, and delectable treats. Despite its popularity, The Surbitonian Grind lacks an online presence, hindering its ability to reach a wider audience and engage with its loyal customer base.
To address this issue, a comprehensive website will be designed to showcase the shop's offerings, provide information about upcoming events, and display its operating hours. This project aims to enhance the shop's visibility, improve customer engagement, and ultimately boost business growth.
The Surbitonian Grind, is a family-run coffee shop nestled in the heart of Surbiton and is beloved by locals for its warm ambiance, quality coffee, and delectable treats. Despite its popularity, The Surbitonian Grind lacks an online presence, hindering its ability to reach a wider audience and engage with its loyal customer base.
To address this issue, a comprehensive website will be designed to showcase the shop's offerings, provide information about upcoming events, and display its operating hours. This project aims to enhance the shop's visibility, improve customer engagement, and ultimately boost business growth.
The Surbitonian Grind, is a family-run coffee shop nestled in the heart of Surbiton and is beloved by locals for its warm ambiance, quality coffee, and delectable treats. Despite its popularity, The Surbitonian Grind lacks an online presence, hindering its ability to reach a wider audience and engage with its loyal customer base.
To address this issue, a comprehensive website will be designed to showcase the shop's offerings, provide information about upcoming events, and display its operating hours. This project aims to enhance the shop's visibility, improve customer engagement, and ultimately boost business growth.

Roles

Roles

UX Designer UI Designer Interaction Designer User Researcher

UX Designer UI Designer Interaction Designer User Researcher

UX Designer UI Designer Interaction Designer User Researcher

Deliverables

Deliverables

Competitive Analysis Personas User Journeys Site Map Low Fidelity Wireframes High Fidelity Mockups Prototypes

Competitive Analysis Personas User Journeys Site Map Low Fidelity Wireframes High Fidelity Mockups Prototypes

Competitive Analysis Personas User Journeys Site Map Low Fidelity Wireframes High Fidelity Mockups Prototypes

Project Specifiations

Project Specifiations

Duration: 1 week

Tools: Figma, Photoshop

Duration: 1 week

Tools: Figma, Photoshop

Duration: 1 week

Tools: Figma, Photoshop

Problems

Problems

Problems

Lack online presence.

Limited information accessibility.

Ineffective communication of brand identity.

Lack online presence.

Limited information accessibility.

Ineffective communication of brand identity.

Lack online presence.

Limited information accessibility.

Ineffective communication of brand identity.

Solutions

Solutions

Solutions

Design and launch a user-friendly website to establish a digital presence, providing a platform for customers to learn about the shop and its offerings.

Ensure that all relevant information such as products, events, and opening hours is easily accessible and well-organized on the website, improving user experience and reducing customer inquiries.

Design and launch a user-friendly website to establish a digital presence, providing a platform for customers to learn about the shop and its offerings.

Ensure that all relevant information such as products, events, and opening hours is easily accessible and well-organized on the website, improving user experience and reducing customer inquiries.

Design and launch a user-friendly website to establish a digital presence, providing a platform for customers to learn about the shop and its offerings.

Ensure that all relevant information such as products, events, and opening hours is easily accessible and well-organized on the website, improving user experience and reducing customer inquiries.

Research + Define

Research + Define

Research + Define

I engaged with the team at The Surbitonian Grind to understand their vision and goals for their first website. I also performed a competitive analysis to identify strengths, weaknesses, and opportunities for differentiation.


Goals:

To Understand:

  • The demographics, preferences, and behaviors of potential users, so I can tailor the website to meet their needs effectively.

  • Industry trends, best practices, and opportunities for differentiation.


Competative Analysis:

Pret A Manger:

Strengths: Pret A Manger's website focuses on simplicity and functionality, making it easy for users to find information about their menu, ingredients, and allergens.

Weaknesses: The website could benefit from clearer calls-to-action and visual hierarchy to guide users through the ordering process more effectively.

Grind:

Strengths: Grind's website stands out with its trendy and visually appealing design, reflecting the brand's chic and urban aesthetic. It effectively communicates information about their locations, menu offerings, and events.

Weaknesses: The website could improve performance optimization for faster load times, especially on mobile devices.

User Interviews:

Findings:

Users expressed frustration over the absence of a website for The Surbitonian Grind, making it challenging to find information about the coffee shop online. Many users rely on online resources, such as social media or review platforms, to learn about coffee shops, and the lack of a website hinders their ability to do so. Users expressed a desire for comprehensive and up-to-date information about

The Surbitonian Grind, including its opening hours, menu selection, and special events. The absence of a website creates a barrier to accessing this information, leading users to seek alternative sources or rely on word-of-mouth recommendations.

I engaged with the team at The Surbitonian Grind to understand their vision and goals for their first website. I also performed a competitive analysis to identify strengths, weaknesses, and opportunities for differentiation.


Goals:

To Understand:

  • The demographics, preferences, and behaviors of potential users, so I can tailor the website to meet their needs effectively.

  • Industry trends, best practices, and opportunities for differentiation.


Competative Analysis:

Pret A Manger:

Strengths: Pret A Manger's website focuses on simplicity and functionality, making it easy for users to find information about their menu, ingredients, and allergens.

Weaknesses: The website could benefit from clearer calls-to-action and visual hierarchy to guide users through the ordering process more effectively.

Grind:

Strengths: Grind's website stands out with its trendy and visually appealing design, reflecting the brand's chic and urban aesthetic. It effectively communicates information about their locations, menu offerings, and events.

Weaknesses: The website could improve performance optimization for faster load times, especially on mobile devices.

User Interviews:

Findings:

Users expressed frustration over the absence of a website for The Surbitonian Grind, making it challenging to find information about the coffee shop online. Many users rely on online resources, such as social media or review platforms, to learn about coffee shops, and the lack of a website hinders their ability to do so. Users expressed a desire for comprehensive and up-to-date information about

The Surbitonian Grind, including its opening hours, menu selection, and special events. The absence of a website creates a barrier to accessing this information, leading users to seek alternative sources or rely on word-of-mouth recommendations.

I engaged with the team at The Surbitonian Grind to understand their vision and goals for their first website. I also performed a competitive analysis to identify strengths, weaknesses, and opportunities for differentiation.


Goals:

To Understand:

  • The demographics, preferences, and behaviors of potential users, so I can tailor the website to meet their needs effectively.

  • Industry trends, best practices, and opportunities for differentiation.


Competative Analysis:

Pret A Manger:

Strengths: Pret A Manger's website focuses on simplicity and functionality, making it easy for users to find information about their menu, ingredients, and allergens.

Weaknesses: The website could benefit from clearer calls-to-action and visual hierarchy to guide users through the ordering process more effectively.

Grind:

Strengths: Grind's website stands out with its trendy and visually appealing design, reflecting the brand's chic and urban aesthetic. It effectively communicates information about their locations, menu offerings, and events.

Weaknesses: The website could improve performance optimization for faster load times, especially on mobile devices.

User Interviews:

Findings:

Users expressed frustration over the absence of a website for The Surbitonian Grind, making it challenging to find information about the coffee shop online. Many users rely on online resources, such as social media or review platforms, to learn about coffee shops, and the lack of a website hinders their ability to do so. Users expressed a desire for comprehensive and up-to-date information about

The Surbitonian Grind, including its opening hours, menu selection, and special events. The absence of a website creates a barrier to accessing this information, leading users to seek alternative sources or rely on word-of-mouth recommendations.

See Interview Questions

Coming Soon…

This project is being finalised. Check back tomorrow for more updates

Thank you!
Please get in touch.

Find me on

Thank you!
Please get in touch.

Find me on

Thank you!
Please get in touch.

Find me on