Designing for e-Commerce

Project Brief

OVERVIEW:
E-Commerce websites (online retail platforms) have become some of the most visited sites on the internet as their marketplace promotes business and its initiatives, sells product, and have customer loyalty programs that engage and acquire its customers.

STUDENT\'S PROMPT:
For this assignment, students are tasked in designing and developing a three-page, responsive e-commerce site for a fictional company. Pages include both desktop and mobile versions of the sites primary index page (listing the company\'s inventory), a product page, and a customer dashboard/loyalty page. 

Learning Objectives

Students will building on their interactive and programming experience by:
+ Create a website that responds to desktop and mobile devices
+ Create an original brand language, for a fictional company, and apply it throughout a site.
+ Create designs that enhance the online shopping experience for users.

Deliverables

Students will design their websites in Figma, and program them based on methods discussed in class. A compressed folder will be emailed to instructor to show evidence of their programming ability, and upload the style guide and visuals to Behance. 

Readings/Resources

HTML & CSS by Jon Duckett
Java & JavaScript by Jon Duckett

Reflections

This assignment was initially taught in the Fall 2019 semester to a group of \"advanced\" interaction & web design students who had prior knowledge and experience working with HTML, CSS, JavaScript, and Figma. The assignment required a lot of the students within a five-week window that included branding, interface design, and development, but I was insanely impressed with the final results.