Requirements | Getting Started | Dependencies | Running Tests | Deployment | Criteria for Building the Project
A well-known British shoe company, Golden Shoe, has seen a steady decline in revenue over the couple of years, and the newly appointed CEO and leadership team are ready to confront digital disruption heads on. Golden Shoe make most of their revenue from their stores, but they do have an online presence too.
They have a flagship store in London, however it is located next to their main competitor, which seems to be much busier than the Golden Shoe store. Their e-Commerce platform was built around 9 years ago, when most online interaction was done using a desktop. Conversion rate has declined rapidly, and the dropout rates in mobile and ipad devices have increased dramatically. Global Shoe have no mobile app. They have quarterly releases, which works well, though it is impossible to get any small changes in quicker than this. They are aware of the benefits of Agile but are concerned about how to upskill their current loyal workforce, and convince the leadership team.
If customers have any issues, the only way they can get help is to phone the customer service helpline between 9am-5pm Monday-Friday.
Top 3 reasons for contacting customer services;
- Returns process
- Items showing as in stock, but actually being out of stock (and the customer is still able to ‘check out’ the item even though it is out of stock)
- Queries around delivery dates and time
Top reasons for returning items;
- Incorrect shoe size (38%)
- Didn’t like the shoe style (35%)
- Didn’t like the colour (19%)
- Other (8%)
They do have a social media presence, but their Twitter and Facebook accounts are both unmonitored, and customers have the ability to share from all parts of the website.
The marketing department sends direct mail and catalogues to a list of customers whose details they collected. This mail often consists of £10 off vouchers, which can only be used in store.
The Task
As an AND Digital Associate, we want you to summarise;
- The challenges that Golden Shoe are facing
- The added value AND Digital can provide
- Present your recommendations in a presentation and coded out demo format. You will need to bring this with you to your interview, as the Client will spend approximately 20 minutes going over it with you
Ensure you have the following setup on your machine:
- Bundler
- Yarn
- PostgreSQL
git clone this repository and cd into the directory.
Install dependencies:
$ bundle install
$ yarn install
Create, migrate and seed the database:
$ rails db:setup
To run the project, start up the server:
$ rails server
Then navigate to localhost:3000 in your browser
This project relies on the following dependencies:
- Devise (for user authentication)
- Material Icons
- Tailwind CSS
This project is setup with:
- Capybara (feature tests)
- RSpec (controller and model tests)
- Rubocop (linting)
- SimpleCov (test coverage)
To run the tests:
$ bundle exec rspec
$ bundle exec rubocop
To see test coverage:
$ open coverage/index.html
Current test coverage status is as follows:
60 examples, 0 failures
COVERAGE: 99.21% -- 125/126 lines in 14 files
The app is deployed via Heroku here: Golden Shoe
This prototype is built with Rails 6, PostgreSQL, and Tailwind CSS.
Implemented Features
I have prioritised the features that would be most impactful for increased conversion rate and revenue:
- Responsive design, built for mobile-first
- Home page with links to either men's or women's shoes
- Page listing all available products
- Filtering for products by category, style and colour
- Page for full product details
- Viewing a product's various different colours
- Selecting the appropriate size
- See whether product is in stock before purchase
- Add item to basket only if in stock
- View basket of selected items for purchase
- View basket total
- Remove item from basket
- Checkout
- View orders and delivery status
Next Steps
- Product search and sort
- Sign up to newsletter for promotional deals
- Add promo code to checkout for discount
- Process online returns
- Customer product reviews
- Customer wishlist
- Product recommendations based on current product
- “As seen on you” feature, allowing customers to submit own photos of products
- Social media share button
- Rotating banners with promotions and sales
- Abandoned cart notification
- Chatbot for customer services
- Improve Search Engine Optimisation
Domain model for completed MVP:
As a user
So that I can view Golden Shoe's products
I would like to see a list of available products
As a user
So that I can view only the products I am interested in
I would like to filter products by category, style and colour
As a user
So that I can see more details about the product
I would like to see a full product page with description
As a user
So that I can choose a different colour of the same product
I would like an option to see the available colours
As a user
So that I can choose the correct shoe size
I would like an option to choose the size of the shoe
As a user
So that I can only purchase an item that is in stock
I would like to see whether the selected item is in stock
As a user
So that I can purchase an item
I would like to add an item to my basket
As a user
So that I can amend my purchase
I would like to remove an item from my basket
As a user
So that I can confirm my final purchase
I would like to see the subtotal of my basket and an option to checkout
As a user
So that I can ensure my checkout is secure
I would like to sign up / sign in to my account before checkout
As a user
So that I can see my previous orders
I would like to see a list of my previous orders in the account section
As a user
So that I can track my order
I would like to see the expected shipped and delivered dates for my order