Stellar Shoes

Web Development Capstone Project

front page mobile view of the Stellar Shoes website

Stellar Shoes is a fictional business that specializes in men's shoes. The product made for them is a public facing e-commerce website as well as a company innerweb. Customers can purchase shoes and track their orders. Employees can use an administrative side of the site to maintain store inventory, track customer orders and receive announcements.

I completed this project with two other students. My role involved front-end development as well as designing the overall look and feel of the site. We completed this application 100% remotely as a final capstone project for Columbus State's computer science degree.

Problem

Stellar Shoes is a family-owned men's shoe store known for it's strong customer service and fine shoes. In recent years, their customer base has requested a way that they can order shoes and then try them on in the store. They'd also like the convenience of shopping for familiar items online to have them shipped to their house. At the same time Stellar Shoes needs a way to effectively track their inventory and give pertinent information to employees. A website such as this Stellar Shoes web application will give store owners, employees and customers a way to do all that.

Solution

The Stellar Shoes e-commerce website is the solution that we developed to give Stellar Shoes and online prescense to merge their solid legacy of selling fine shoes with a modern online sales platform. With our web app, customers can order shoes for delivery or in-store pick-up. Employees can track orders, see store inventory and receive messages. Lastly, Stellar Shoe's owners can carry on their tradition of serving their community.

Features

Shoe Sales:

  • Customers can get detailed information on a variety of shoes.
  • Users can sort shoes by type, color and other features.
  • Shoe-lovers can put shoes in a shopping cart and buy them with credit card or PayPal

Track Orders:

  • Customers can find the status of their order.
  • Customers can see what shoes they've ordered in the past.
  • Employees know if orders have been shipped.

Maintain Inventory:

  • Owners have a secure website that helps them run their business.
  • Employees always know the stock they have on hand.
  • Employees can track an order from orignal purchase to shipment.

Branding

Colors

#96262c

#c1746e

#dcdcdc

#000000

Typeface:

Barlow

Logo

Stellar Shoes logo

Target Market

Stellar Shoes skillfully provides fine men's footware for people in their community. This includes shoe lovers and the people who love them. Typically people who purchase Stellar Shoes are tech savy and live busy lives, and they value the care and expertise that their local shoe store puts into selling fine men's shoes. The strong yet simple user interface allows everyone to find that exact shoe they desire.

Final Product

product page of the Stellar Shoes website

shopping cart page of the Stellar Shoes website

admin page of the Stellar Shoes website