SJ Sport Company Website

SJ SPORT WEBSITE

Web Development • E-Commerce • Web Design

screencapture-file-D-SARA-polytechnic-semesters-web-media-semester-2-Website-authoring-1-assignments-assignment-1-My-work-product-index-html-2026-04-30-12_14_33
screencapture-file-D-SARA-polytechnic-semesters-web-media-semester-2-Website-authoring-1-assignments-assignment-1-My-work-product-account-html-2026-04-30-12_15_31
screencapture-file-D-SARA-polytechnic-semesters-web-media-semester-2-Website-authoring-1-assignments-assignment-1-My-work-product-products2-html-2026-04-30-12_14_55
screencapture-file-D-SARA-polytechnic-semesters-web-media-semester-2-Website-authoring-1-assignments-assignment-1-My-work-product-about-html-2026-04-30-12_15_08
screencapture-file-D-SARA-polytechnic-semesters-web-media-semester-2-Website-authoring-1-assignments-assignment-1-My-work-product-contact-html-2026-04-30-12_15_20

SJ SPORT CO. E-COMMERCE WEBSITE DESIGN

SJ Sport Co. is a sports clothing e-commerce website, designed and developed as part of a university web authoring course. The site features a modern design, selling athletic wear, with key sections like home, products, about, contact, and account login.

Category

Web Development

Project

University Project

Year

2023

By

Sara Alsubait

the goal &
Objective

The goal was to create a functional and visually appealing e-commerce platform. The objective was to design clear product displays, intuitive navigation, and a seamless shopping experience, all while practicing HTML, CSS, and JavaScript skills.

THE STORY

The project tells the story of a sports brand aiming to create an online space that makes shopping for athletic wear easy and engaging. From the homepage, users are guided through product categories, learn about the brand’s story, and can easily add items to their cart, creating a seamless shopping journey.

OUR APPROACH

The website was developed using Visual Studio Code, applying HTML and CSS for structure and styling, while JavaScript handled interactive elements like the cart. The design process included careful layout planning, color selection (blue, black, and white), and the integration of icons and imagery sourced from flat icons and royalty free platforms. The outcome was a responsive, user friendly site.

the outcome

The final website provided a functional, aesthetically pleasing e-commerce experience, showcasing both technical coding skills and design sensibility.