SASMO × Kodapixel

Website redesign: two directions

Two complete design proposals for sasmosports.de. Both use the shop's real products, prices and photos, and both include the same pages. Open each one, click around, and tell us which direction feels more like SASMO.

Version A

Clean and fast

A calm, structured shop that gets out of the way. The focus is on products, prices and trust signals.

  • Neon yellow accent on deep navy
  • Split hero with the current shop photo
  • Simple category tiles and a size list
  • Almost no animation, so it feels instant
Open version A
Version B

Bold and animated

A more expressive brand experience with motion and custom illustration, built to be remembered.

  • Signal orange accent with water blue graphics
  • Animated hero with a new trail running photo
  • Interactive volume finder: a backpack that fills with water
  • Scroll animations, expanding category tiles, mountain trail graphic
Open version B

What both versions share

Real content

Live products, prices, review counts and photos from the current shop. Text in highlighted brackets still needs to be supplied.

Easier shopping

A mega menu, a bestseller slider with a second image on hover, working filters, add-ons on the product page and a live cart.

Built for Germany

Price notes, a cookie banner with equal choices, newsletter consent, the online withdrawal function and accessible markup are designed in.

All pages

PageVersion AVersion B
HomeOpenOpen
Collection (bike and ski backpacks)OpenOpen
Product (5L running vest)OpenOpen
CartOpenOpen
AboutOpenOpen
FAQOpenOpen
ContactOpenOpen
Legal page templateOpenOpen
Online withdrawalOpenOpen
404 pageOpenOpen

Good to know

This is a prototype

Every product link opens the same sample product, the cart shows sample items, and forms do not send anything.

Sample reviews

Review cards are marked "Muster". They show the layout only and will be replaced by the shop's real reviews.

Switching versions

The small switcher in the bottom left corner of every page jumps to the same page in the other version, or back here.