Flying X Coffee Website Redesign
Year
2025
Industry
Flying X Coffee
Role
Website Redesign
REDESIGN TO TRANSLATE THE HEART OF THE FLYING X COFFEE INTO A MEANINGFUL DIGITAL EXPERIENCE.
As both a barista and designer, I've spent the past couple years immersed in the world of specialty coffee where I've had the privilege to learn about its craft, culture, and the community that it gathers. Having worked at this local coffee shop, I've experienced firsthand the warmth of its environment and the genuine relationships it attracts with its regulars. It was in this thinking that I developed the idea for a website redesign so that I could attempt to create a website that captures the same sense of connection, care, and personality that is encouraged in person.
As both a barista and designer, I've spent the past couple years immersed in the world of specialty coffee where I've had the privilege to learn about its craft, culture, and the community that it gathers. Having worked at this local coffee shop, I've experienced firsthand the warmth of its environment and the genuine relationships it attracts with its regulars. It was in this thinking that I developed the idea for a website redesign so that I could attempt to create a website that captures the same sense of connection, care, and personality that is encouraged in person.
As both a barista and designer, I've spent the past couple years immersed in the world of specialty coffee where I've had the privilege to learn about its craft, culture, and the community that it gathers. Having worked at this local coffee shop, I've experienced firsthand the warmth of its environment and the genuine relationships it attracts with its regulars. It was in this thinking that I developed the idea for a website redesign so that I could attempt to create a website that captures the same sense of connection, care, and personality that is encouraged in person.
As both a barista and designer, I've spent the past couple years immersed in the world of specialty coffee where I've had the privilege to learn about its craft, culture, and the community that it gathers. Having worked at this local coffee shop, I've experienced firsthand the warmth of its environment and the genuine relationships it attracts with its regulars. It was in this thinking that I developed the idea for a website redesign so that I could attempt to create a website that captures the same sense of connection, care, and personality that is encouraged in person.
A WEBSITE THAT REFLECTS THE BRAND
The goal of this project was to reimagine the coffee company's website into a modern, user-friendly experience that captures the warmth and authenticity of the brand. The redesign focused on improving navigation, enhancing visual consistency, and ensuring that customers could easily seek out key information. If properly executed, the website would help users learn what they need to know and encourage them to visit the cafe.
The goal of this project was to reimagine the coffee company's website into a modern, user-friendly experience that captures the warmth and authenticity of the brand. The redesign focused on improving navigation, enhancing visual consistency, and ensuring that customers could easily seek out key information. If properly executed, the website would help users learn what they need to know and encourage them to visit the cafe.
The goal of this project was to reimagine the coffee company's website into a modern, user-friendly experience that captures the warmth and authenticity of the brand. The redesign focused on improving navigation, enhancing visual consistency, and ensuring that customers could easily seek out key information. If properly executed, the website would help users learn what they need to know and encourage them to visit the cafe.
The goal of this project was to reimagine the coffee company's website into a modern, user-friendly experience that captures the warmth and authenticity of the brand. The redesign focused on improving navigation, enhancing visual consistency, and ensuring that customers could easily seek out key information. If properly executed, the website would help users learn what they need to know and encourage them to visit the cafe.
Gaining Insights from Regulars and Community Members
While I didn't conduct formal user research for this project, I relied heavily on conversations with Flying X's baristas and regular customers. Throughout the design process, I shared ideas, sketches, and prototypes with them and gathered their input and feedback. These conversations helped me better understand what visitors valued most about the shop. Additionally, this pointed out the information that users typically searched for online and what tone and visual style resonated with the brand the most. This ongoing dialogue ensured that the redesign reflected both the company's identity and the desires of it's community.
While I didn't conduct formal user research for this project, I relied heavily on conversations with Flying X's baristas and regular customers. Throughout the design process, I shared ideas, sketches, and prototypes with them and gathered their input and feedback. These conversations helped me better understand what visitors valued most about the shop. Additionally, this pointed out the information that users typically searched for online and what tone and visual style resonated with the brand the most. This ongoing dialogue ensured that the redesign reflected both the company's identity and the desires of it's community.
While I didn't conduct formal user research for this project, I relied heavily on conversations with Flying X's baristas and regular customers. Throughout the design process, I shared ideas, sketches, and prototypes with them and gathered their input and feedback. These conversations helped me better understand what visitors valued most about the shop. Additionally, this pointed out the information that users typically searched for online and what tone and visual style resonated with the brand the most. This ongoing dialogue ensured that the redesign reflected both the company's identity and the desires of it's community.
While I didn't conduct formal user research for this project, I relied heavily on conversations with Flying X's baristas and regular customers. Throughout the design process, I shared ideas, sketches, and prototypes with them and gathered their input and feedback. These conversations helped me better understand what visitors valued most about the shop. Additionally, this pointed out the information that users typically searched for online and what tone and visual style resonated with the brand the most. This ongoing dialogue ensured that the redesign reflected both the company's identity and the desires of it's community.
Redesign a Website That Reflects Flying X Coffee’s Values
I was given a few clear design preferences to guide the direction of the project. The website was to feature a light green color palette, use Century Gothic as the main header font, and maintain a continuous, single-page layout. I respected these preferences while still exploring multiple visual and structural variations to find a design that best represented the brand. After creating and testing several concepts, I committed to a final layout that stayed true to these guidelines while introducing subtle adjustments to improve usability, such as adding a dedicated menu page to reduce navigation friction. This process allowed me to find a balance between honoring the original vision and enhancing the overall user experience.
I was given a few clear design preferences to guide the direction of the project. The website was to feature a light green color palette, use Century Gothic as the main header font, and maintain a continuous, single-page layout. I respected these preferences while still exploring multiple visual and structural variations to find a design that best represented the brand. After creating and testing several concepts, I committed to a final layout that stayed true to these guidelines while introducing subtle adjustments to improve usability, such as adding a dedicated menu page to reduce navigation friction. This process allowed me to find a balance between honoring the original vision and enhancing the overall user experience.
I was given a few clear design preferences to guide the direction of the project. The website was to feature a light green color palette, use Century Gothic as the main header font, and maintain a continuous, single-page layout. I respected these preferences while still exploring multiple visual and structural variations to find a design that best represented the brand. After creating and testing several concepts, I committed to a final layout that stayed true to these guidelines while introducing subtle adjustments to improve usability, such as adding a dedicated menu page to reduce navigation friction. This process allowed me to find a balance between honoring the original vision and enhancing the overall user experience.
I was given a few clear design preferences to guide the direction of the project. The website was to feature a light green color palette, use Century Gothic as the main header font, and maintain a continuous, single-page layout. I respected these preferences while still exploring multiple visual and structural variations to find a design that best represented the brand. After creating and testing several concepts, I committed to a final layout that stayed true to these guidelines while introducing subtle adjustments to improve usability, such as adding a dedicated menu page to reduce navigation friction. This process allowed me to find a balance between honoring the original vision and enhancing the overall user experience.
From Trial and Error to Final Redesign
The final design presents a refreshed, cohesive website that better communicates the personality of the coffee shop. The interface feels lighter and more approachable, with thoughtful use of the green color palette and clean typography that enhances readability. Streamlined navigation and the addition of a separate menu page make it easier for customers to explore offerings and key information. Overall, the redesign provides a smoother and more engaging user experience that captures the welcoming atmosphere of the café and strengthens its digital presence.
The final design presents a refreshed, cohesive website that better communicates the personality of the coffee shop. The interface feels lighter and more approachable, with thoughtful use of the green color palette and clean typography that enhances readability. Streamlined navigation and the addition of a separate menu page make it easier for customers to explore offerings and key information. Overall, the redesign provides a smoother and more engaging user experience that captures the welcoming atmosphere of the café and strengthens its digital presence.
The final design presents a refreshed, cohesive website that better communicates the personality of the coffee shop. The interface feels lighter and more approachable, with thoughtful use of the green color palette and clean typography that enhances readability. Streamlined navigation and the addition of a separate menu page make it easier for customers to explore offerings and key information. Overall, the redesign provides a smoother and more engaging user experience that captures the welcoming atmosphere of the café and strengthens its digital presence.
The final design presents a refreshed, cohesive website that better communicates the personality of the coffee shop. The interface feels lighter and more approachable, with thoughtful use of the green color palette and clean typography that enhances readability. Streamlined navigation and the addition of a separate menu page make it easier for customers to explore offerings and key information. Overall, the redesign provides a smoother and more engaging user experience that captures the welcoming atmosphere of the café and strengthens its digital presence.
What's Next?
This project was an opportunity not only to support my local community but also to work closely with the people who would directly interact with the final product. Conducting research and gathering feedback from Flying X Coffee's regulars and staff gave me valuable insights into the needs of real users, rather than relying on assumptions or a conceptualized audience. Looking ahead, if the shop decides to expand its offerings with a retail section, I would love to return to this project to refine the layout and design to accommodate new features. The experience has strengthened my ability to design solutions that are both practical and deeply rooted in user feedback. After completing the redesign, I hope to take on the responsibility of developing and publishing the website. The Flying X Coffee team is excited to begin using it, and I’m thrilled to see how the new site will benefit both the business and the community moving forward.
This project was an opportunity not only to support my local community but also to work closely with the people who would directly interact with the final product. Conducting research and gathering feedback from Flying X Coffee's regulars and staff gave me valuable insights into the needs of real users, rather than relying on assumptions or a conceptualized audience. Looking ahead, if the shop decides to expand its offerings with a retail section, I would love to return to this project to refine the layout and design to accommodate new features. The experience has strengthened my ability to design solutions that are both practical and deeply rooted in user feedback. After completing the redesign, I hope to take on the responsibility of developing and publishing the website. The Flying X Coffee team is excited to begin using it, and I’m thrilled to see how the new site will benefit both the business and the community moving forward.
This project was an opportunity not only to support my local community but also to work closely with the people who would directly interact with the final product. Conducting research and gathering feedback from Flying X Coffee's regulars and staff gave me valuable insights into the needs of real users, rather than relying on assumptions or a conceptualized audience. Looking ahead, if the shop decides to expand its offerings with a retail section, I would love to return to this project to refine the layout and design to accommodate new features. The experience has strengthened my ability to design solutions that are both practical and deeply rooted in user feedback. After completing the redesign, I hope to take on the responsibility of developing and publishing the website. The Flying X Coffee team is excited to begin using it, and I’m thrilled to see how the new site will benefit both the business and the community moving forward.
This project was an opportunity not only to support my local community but also to work closely with the people who would directly interact with the final product. Conducting research and gathering feedback from Flying X Coffee's regulars and staff gave me valuable insights into the needs of real users, rather than relying on assumptions or a conceptualized audience. Looking ahead, if the shop decides to expand its offerings with a retail section, I would love to return to this project to refine the layout and design to accommodate new features. The experience has strengthened my ability to design solutions that are both practical and deeply rooted in user feedback. After completing the redesign, I hope to take on the responsibility of developing and publishing the website. The Flying X Coffee team is excited to begin using it, and I’m thrilled to see how the new site will benefit both the business and the community moving forward.
More work
A showcase of digital products I’ve crafted for local businesses and personal projects
A showcase of digital products I’ve crafted for local businesses and personal projects
A showcase of digital products I’ve crafted for local businesses and personal projects
Mobile app
Web design
Mind Scribe App
Journaling and wellness platform designed to inspire users and solve frequently experienced usability issues.
Mobile app
Web design
Mind Scribe App
Journaling and wellness platform designed to inspire users and solve frequently experienced usability issues.
Mobile app
Web design
Mind Scribe App
Journaling and wellness platform designed to inspire users and solve frequently experienced usability issues.
Mobile app
Web design
Mind Scribe App
Journaling and wellness platform designed to inspire users and solve frequently experienced usability issues.
Mobile app
Web design
Game Library Website
Game archive driven by a personality-based algorithm that balances early gaming nostalgia with modern usability.
Mobile app
Web design
Game Library Website
Game archive driven by a personality-based algorithm that balances early gaming nostalgia with modern usability.
Mobile app
Web design
Game Library Website
Game archive driven by a personality-based algorithm that balances early gaming nostalgia with modern usability.
Mobile app
Web design
Game Library Website
Game archive driven by a personality-based algorithm that balances early gaming nostalgia with modern usability.