DETOUR COFFEE

Introduction:

Detour Coffee Roasters is an Ontario, Canada-based roastery and coffee chain that aims to dismantle
the barriers to specialty coffee. It all started in an alleyway in Dundas, Ontario back in 2009 because it
thought coffee would be amusing. All went good after doing it and wanted to keep doing it. Coffee
should be enjoyable at all stages, including sourcing, roasting, brewing, and tasting. Detour made the
decision to shift its emphasis from wholesale to retail as a result, opening new cafes and creating its own
e-commerce website. They worked hard to make specialty coffee appear approachable. Detour's team
was motivated by this connection to base its branding on a combination of hues and shapes that inform
consumers of what to expect from the coffee. The outcome is a collection of vibrant, distinctive, and
striking labels that have come to characterize Detour as a brand. Although they have a page on their
website explaining the inspiration for the art, it's not necessary to understand it in order to appreciate it.

ACTOR What they can do on the website created

User/Customer ● Users can login into the website.
● Users can order the coffee/non-coffee online through website
● Users can Edit or Remove order before submitting.
● Users will have option to give feedbacks.
● Users can subscribe to coffee club for latest updates.
● Users can add themselves as a partner or stakeholder of the system
● Users can access to the blogs to get more details about the products
and making through learn option.
● Users can choose multiple styles for their products before submitting
orders.
● Users can return the orders or get a replacement through website.
● Users can increase the quantity if items over the cart.
● Users can complete the payments through online modes like Express
Checkout (Shop Pay/Google Pay).
● Users can get additional discounts with the Gift cards or Promotional
cards available with them.
● Pick Up and Delivery both can be done by a user through the website.
● Users will get their shipping through the postal service i.e. Canada
Post Standard US, which will be delivered to the users within a week,
● Users can define different addresses for billing and shipping.
● Users can request for refunds before 30 days of shipping to get the
money back into their accounts.
● Users can retrieve the accounts details like password through forgot
password, by getting a link on their respective emails.
● Users can get latest product notifications an others news through the
newsletters on their emails by subscribing to it.
Key Features:

 The website makes sure that it has a suitable landing page and well-written content on it so that
users can access it without any hassles.
 Website is responsive across multiple devices like laptop, tablet, Smartphone, etc. Users can feel
the same among all the devices and browse their needs.
 The website's navigation bar makes it simple to navigate and saves time while looking for
something on the site.
 The website also has a floating gift link that takes users directly to the offers sections that are
available to them, as well as extra links for contacts, return policies, careers, and terms and
conditions.
 Website offers multiple kinds of products like coffee or non-coffee with also some essentials
with a proper detail of the product and also various styles available.
 The payment’s system on the website provides multiple ways to do payment to their users like
cards (Visa, MasterCard, Amex) and online payments (Google Pay, Apple Pay, Shop Pay).
 The navigations present on the website like Shop includes all the products which can be order
through the website, Subscribe for connecting to the COFFEE CLUB and get gift subscriptions
and offers, Learn to brew guides, product details and variety of information related to DETOUR
group, Let’s Be Friends allows users to get partnership with the organization to be a Wholesale
Dealer or a partner to the group working as a stakeholder.
 The website works dynamically and refreshes the content regularly, some of the information like
current offers, subscription plans or new arrivals floats on the website.

User Flow:
TESTING:

 Content Testing will be performed to make sure there are no grammatical or spelling errors are
present, images are of proper size and orientation, color schemes are matching and optimized
theme applied to the website.
 UI Testing will be performed to verify the graphic user interface of your website meets the
specifications, it will contain :
 Layout, colors, fonts, font sizes, labels, text boxes, text formatting, captions,
buttons, lists, icons, links
 Testing screens will different resolutions.
 Running the website on different devices like tablet, laptop, mobile etc.
 Checking graphical interfaces on target devices.
 Compatibility Testing to be done for changes occurring in multiple software and hardware
configurations :
 Database compatibility
 Browser configuration
 Performance Testing like stress, load stability, volume testing to be executed to ensure it works
on harsh conditions and resist load of data.
 UI/UX Animation Testing for understanding how website works when user interacts with it on
multiple scenarios like:
 Animations on the website
 Click responses are fast or not
 Floating offers working dynamically
 Logos and icons loads smoothly
 Security Testing for keeping the data safe and secure. Optimized themes must be applied and
also performing Vulnerability and Penetration Testing. It includes:
 SSL request testing
 Unauthorized access denial testing
 Breaking points and loop holes testing through code/unit testing.
 SMTP request testing during sending mail to admin through website or
during a enquiry/feedback.