Skip to content

STRXNGERS - A punk street wear brand selling through an online storefront. This site was made with .liquid, and javscript.

Notifications You must be signed in to change notification settings

Gage-Lieble/Strxngers

Repository files navigation

STXNGERS - Punk Streetwear

strxngers.com >

Mockup version - if shop is unavaliable >

*note a lot of the website's work was done through shopify's code editor so github was not being updated throughout the entirety of this project

STRXNGERS website by Gage Lieble

A website made for a friends clothing brand

Project Outline

STRXNGERS is a punk street wear brand that drops various clothing items such as hats, tees, hoodies, sweaters, pants, and so on. This website was created as the online store front for this brand. Users are able to view the product information, and make purchases through the website. I've made two seperate html files that the website takes advantage of and these pages include the product page and the users cart. Users have the ability to add/remove from their cart with live cart price updates.

What I've Learned

  • Using shopify .liquid files
  • Using shopify layouts/api
  • Allowing the strxngers brand owner to update the prouduct images/prices without me
  • Better javascript animation

Features

Base/Crucial Features:

  • Intro sequence (first page user sees with logo and slogan)
  • Product image
  • Product details (hidden behind a 'details' button)
  • Buy page
  • Cart/Checkout

Additional/Extra Features:

  • Various javascript anmations
  • Custom mouse
  • Custom mouse hover animations
  • Custom mouse move animations

About

STRXNGERS - A punk street wear brand selling through an online storefront. This site was made with .liquid, and javscript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published