Overview
My peers and I met with stakeholders of Dynamic Coffee Roasters and were tasked with designing a responsive website for a new coffee shop in Pittsburgh. The coffee shop aimed to provide customers with exceptional coffee experience, and their website needed to reflect this mission. My role was to design a website that would attract and retain potential customers, while keeping the brand values and offering users an effortless user experience.
Research
To begin the project, my peers and I conducted thorough research on the company's target audience, competitor websites, and current industry trends. Through user interviews and surveys, We gained valuable insights on user behavior and expectations.
Design Process
After conducting our research, we began the design process by creating a sitemap, which provided a clear overview of the website structure. Based on the sitemap, we created wireframes, which outlined the layout and functionality of each page. These wireframes were then tested with potential users to ensure usability and visual appeal. Once the wireframes were approved, we moved onto creating high-fidelity designs. The design incorporated the brand colors, typography, and images that effectively showcased the coffee shop's mission. A farmers/farms section on the about us prominently displayed the love and vision that goes behind acquiring their coffee beans for DCR. Additionally, we ensured the website was designed with easy navigation, making it easy for users to find specific information that they are looking for. Moreover, the site's responsive design allowed users to enjoy seamless browsing across different devices, from desktops to mobile phones.
User Persona
Journey Map
Problem Statement/Hypothesis Statement
Dynamic Coffee’s website has a confusing layout and is not meeting basic needs for customers such as placing an online order or giving information of their products and services, this causes the company to lose revenue and potential clients. We believe that by updating Dynamic Coffee’s website, their image and sales will improve and customers will have a better online experience.
Low, Mid, High Fi's
Prototyping
The design helped elevate the overall web presence of the coffee shop. The client was pleased with the outcome of the website, as it reflected their brand mission and values. Since the launch of the website, the coffee shop has reported increased website traffic and better engagement, which has helped them to build a loyal customer base. The website has also reduced bottlenecks in the customer journey by providing their customers all necessary information online, prompting customers to place orders online and reducing wait times in the shop. Overall, the responsive website played an essential role in helping the new coffee shop gain traction and build a solid reputation within Pittsburgh's competitive coffee market.