RiderSticker: A Bilingual Sticker Shop With a Built-In Name-Sticker Designer
An online shop for custom motorcycle, off-road and bicycle name stickers, based in Istanbul. Built on Laravel and Livewire with a live sticker designer on the homepage, English and Turkish versions, team discount codes, and iyzico card checkout.
- Project
- Custom product e-commerce
- Our role
- UI/UX design & e-commerce build
- Platform
- Laravel
- Country
- Türkiye
- Year
- 2024
The challenge
Every sticker is made to order
RiderSticker sells name stickers that riders put on their bikes and helmets. No two orders are the same: each one has its own name, flag, colours and size, so a normal product catalogue with fixed items and photos doesn't work.
Riders need to see the result before they pay
A rider ordering a sticker with their name and country flag wants to know what it will look like and how big it will be. The shop had to show a preview that changes as the customer types, with the real dimensions next to it.
Two languages, one checkout
The shop serves riders in Turkish and in English, with prices in Turkish lira and card payment through a Turkish payment provider.
Our approach
A sticker designer on the homepage
The designer sits right under the top banner. Customers pick a category (Motorcycle, Off road, Bicycle or Custom), a sticker shape, a first and last name, a flag from a searchable list of countries, and text and background colours. The SVG preview updates as they change each option, and so do the height and length in millimetres and inches. There is a quantity selector, and the price shows on the buy button.
Laravel and Livewire for live updates
The shop is a Laravel application. Its interactive parts are built with Livewire and Alpine.js, so the preview and the price update without reloading the page.
Bilingual routes and iyzico checkout
Every page has an English URL under /en and a Turkish URL under /tr, with a language switcher in the header and hreflang tags. Checkout goes through iyzico for card payments in Turkish lira.
Screens
Inside RiderSticker
How we delivered
From first brief to running in production
-
01
DesignShop & designer layout
Planned a shop where the homepage leads straight into the sticker designer.
Homepage flowCategory tabsProduct sections -
02
Live sticker designer
DevelopmentBuilt the designer as Livewire components so the preview, size and price update as the customer edits.
SVG previewFlags & fontsSize in mm/inch -
03
Bilingual build
LocalisationSet up English and Turkish routes and content for every page.
/en and /trLanguage switcherhreflang -
04
Cart & iyzico checkout
IntegrationConnected the cart and team discount codes to iyzico card checkout in Turkish lira.
CartTeam discount codesiyzico
Results
What is running today
A shop built around one product
The homepage takes a visitor from the top banner straight into the designer, followed by the material information (adhesive, vinyl printing, inks), a gallery filtered by Motorcycle, Off road and Bicycle, and the domed-label options.
Team orders
A Team Discount page lists four quantity tiers, each with its own discount code, for clubs and teams ordering together.
Two full language versions
The English and Turkish versions cover the homepage, the designer, the sticker pages, the team discounts and the policy pages (privacy, terms, shipping and returns).
More work
Other things we built and run
Cdemly
We designed Cdemly, a clinical AI assistant app for general practitioners, for our client. The work covers the design system, a sitemap of more than 168 screens and detailed screen designs for clinical support, calculators and patient consultation.
PlantCareClub
PlantCareClub is our own product: a houseplant care site with plant profiles, step-by-step guides, free diagnostic tools and a curated gear shop. Visitors can save their plants to a free My Garden account. We build and run all of it on Laravel.
Elif Akan Çelik
A Turkish and English website for Elif Akan Çelik, a clinical psychologist and ISST-certified schema therapist working in London. The WordPress site presents five therapy services, publications and client reviews, with an online appointment button and a WhatsApp contact on every page.
