BUGRA.WORK
Back to Projects

Wio Uniform

An e-commerce site for a workwear brand serving healthcare, beauty, hospitality and corporate buyers, with a B2B dealer flow, a seven-language interface and a 326-product catalogue.

Project type
E-Commerce
Sector
Workwear
Location
Bursa · international sales
My role
Full-stack development · RGS Teknoloji
Year
2022
Scope
326 products · 7 languages

FIG. 01Homepage

Live site ·
Homepage: #ComfortAtWork slider and sector menu
Problem
The brand sells to dealers, not to individual shoppers: prices had to be visible only to dealers, and the catalogue had to reach buyers abroad in their own language.
Solution
Prices are hidden from guests and product cards lead to the dealer application; the interface runs in 7 languages, right-to-left in Arabic.

Context

Wio Uniform is a Bursa-based brand making workwear for healthcare, beauty, hospitality and corporate clients. It sells through dealers and exports abroad.

I built the site in 2022, while working as a full-stack developer at RGS Teknoloji, on the agency's PHP MVC platform.

Approach

  • Prices are for dealers. Guests can browse products but not see prices; the "Register" button on each product card leads to the dealer application form. Approved dealers sign in through the B2B quick login in the header.
  • Every colour gets its own page. Colour variants live at their own product URLs, and each product page carries size selection, fabric composition, stock code, barcode and a size guide.
  • Seven languages. The interface runs in English, Spanish, French, German, Arabic, Russian and Italian, and switches to right-to-left when Arabic is chosen.
  • Ways to find things. Live search from the third character, plus sorting and a filter built from product names on category pages.

Highlights

  • Catalogue: 326 product pages across 14 categories.
  • Collections: Imperial, Coton and Dynamic under Medical & Beauty.
  • Product page: A zoomable gallery with thumbnails, a size guide and related products.
  • Dealer application: Company, country and contact details, plus a password reset flow.

Technical foundation

  • Core: RGS Teknoloji's PHP MVC platform with Blade templates; the front end was adapted from a commercial store theme.
  • Dynamic actions: Search, sorting and cart actions go through token-protected AJAX endpoints.
  • Cart layer: The cart is kept in the browser session and synced with the server; variants are keyed by product, colour and size, with quantities of up to 9,999 per line.
  • Images: WebP with lazy loading.
  • Hosting: Cloudflare with Brotli compression and long-lived caching for static files.

Outcome

The site brings the dealer application, dealer sign-in and a 326-product catalogue into one flow, and serves it in 7 languages with prices shown only to dealers.

FIG. 02Pages

1440 × 900
  1. Category page: a 75-product collection with sorting and filters

    01

    Category page — a 75-product collection with sorting and filters

  2. Dealer application: personal and company details form

    02

    Dealer application — personal and company details form

FIG. 03Mobile view

390 × 844
  1. Mobile homepage: slider and category carousel

    01

    Mobile homepage — slider and category carousel

  2. Mobile category: a dealer registration button in place of prices

    02

    Mobile category — a dealer registration button in place of prices

  3. Mobile product page: gallery and size selection

    03

    Mobile product page — gallery and size selection

  4. Mobile dealer application form

    04

    Mobile dealer application form