WEB DEVELOPMENT · CORPORATE WEBSITE

Sports Store

Website for a sports store with a purpose: commerce, scholarships for young athletes and educational content for families.

Program
Computer Programmer · Front End Web Development I course, Lambton College
Date
July – August 2023
Team
Five students
My role
Visual design and CSS for the whole site

// 01 · THE MISSION

The mission

Sports Store is the website for a store selling gear for Canada's most popular sports. Its value proposition goes beyond sales: the brand supports young athletes through a scholarship program and helps families with content about the benefits of sport. It was a five-student team project in which each member built one page; my responsibility was the visual layer: I wrote the CSS for all four pages, giving the site a coherent identity, its adaptation to different screens and its interaction effects. Developed within the Computer Programmer program at Lambton College in Ontario, Canada, following professional development standards.

// WHAT WAS BUILT

02

Site structure

  • Home: welcome, shortcuts to products, scholarships and stores, and news
  • Products: five categories with prices and discounts
  • About: story, mission, collaborations, scholarships and videos
  • Contact: hours, form, stores and map
03

My contribution: CSS

  • Stylesheets for all four pages
  • Blue and gray palette with green, orange and red accents
  • Layouts with Flexbox and Grid
  • Media queries so every page adapts to any screen
  • Hover effects and animations

Integrated content

  • Embedded YouTube videos
  • Terms and conditions in PDF
  • Store map

// VALUE PROPOSITION

A store that also builds athletes

The site combines four fronts that strengthen the brand's relationship with its community and give every visit a reason to return.

01

Catalog with offers

Products organized in five sections—sale, hockey, basketball, soccer and baseball—with prices, discounts and a menu to jump to each category.

02

Scholarship program

An invitation for young people who need support to apply for a scholarship through a form, with new scholarships every month.

03

Education for families

A video carousel for parents about the benefits of sport for body and brain, plus more stories in the about section.

04

Trust and proximity

The brand's story, mission and collaborations, opening hours, three stores in the Toronto area with a map and a contact form.

// CHALLENGES AND SOLUTIONS

One identity across four pages

Each team member built a different page. My task was to unify them with one visual language—colors, typography, buttons, spacing and responsive behavior—so the site would feel like a single brand.

MISSION ACCOMPLISHED

Results and impact

Does your brand have a story to tell?

I build websites that communicate your value proposition and turn visitors into customers.