AK Toys
Building toys, brought online.
A public website for the first company in the Middle East to produce its style of building toys — a bold storefront, an online shop with specs and pricing, an assembly-tutorial hub, and a contact surface, all in one energetic identity.
Building Toys, Brought Online
AK Toys makes premium building and construction toys — the first brand of its kind in the Middle East — but its catalogue lived offline, in boxes and word of mouth. The brief: a public website that shows the toys off as beautifully as they deserve, sells them online, and teaches buyers how to build them.
We built a dark, energetic storefront with a vivid-yellow signature — a hero that states the brand's ambition, a shop that merchandises each kit with specs and price, a Watch-&-Learn hub that turns assembly into content, and a contact surface for everything in between.
- A storefront that matches the quality of the physical toys.
- An online shop with specs, pricing and availability per kit.
- Assembly tutorials that reduce friction and support load.
- A simple contact path for questions and custom requests.
What Was Holding The Brand Back
Great toys, but no digital home to show them, sell them, or support them. Three gaps were costing AK Toys reach and sales.
The toys could only be seen in person or through scattered photos — no single place showed the full range, the specs or the price.
These are multi-hundred-piece kits. Without assembly guidance, buyers hesitated and the support inbox filled with the same how-do-I questions.
There was no straightforward way for an interested buyer to ask a question, check availability, or request a specific kit.
One Bright, Build-Ready Storefront
We shipped a single public website that does four jobs at once — show, sell, teach and support — wrapped in a bold dark-and-yellow identity tuned for a playful, premium toy brand.
A high-energy landing that leads with the brand's Middle-East-first story and pushes straight into the catalogue.
Every kit merchandised with imagery, specs, category tags, price and a live availability state.
An assembly-video hub that walks buyers through each build, turning instructions into content.
A clean write-a-message surface so questions, availability checks and custom requests reach the team directly.
Every page, explained.
5 surfaces inside ak.toys — each one a page we designed, built and shipped on the live site.
Home / Hero
The storefront's first impression — a bold "Crafting Exceptional Toys" hero positioning AK Toys as the first company in the Middle East to produce its style of building toys, with a featured product (the AK Buggy building toy) and a single Explore-our-toys call-to-action.
- Bold hero: "first company in the Middle East" positioning
- Featured product card (AK Buggy — 400 LE) with add-to-cart
- Sticky nav: Home, Shop, Watch & Learn, Contact
- Single "Explore Our Toys" primary CTA
About
The brand story — "Our motto is simple: fun for everyone." A 20+-years-of-experience badge, the studio narrative about opening doors to new worlds, and headline reach stats that build trust before the shopper browses.
- Brand story with the AK studio narrative
- "20+ Years of Experience" credibility badge
- Reach stats — 500M+ reach, 2M+ community
- Product imagery woven through the story
Shop
The product catalogue — building-toy kits like the 450-piece Racing Team (wooden box, left/right steering) and the metal Eye Wheel, each with a price in LE, category tags (Racing, Car, Mecanno, Metal) and a live availability state.
- Product cards with price in LE and availability
- Category tags: Racing, Car, Mecanno, Metal
- Spec details — piece count, materials, dimensions
- Featured-product highlighting on the grid
Watch & Learn
An assembly-tutorial hub — "Watch and learn how to assemble Racing Team." Embedded how-to videos with large play buttons walk a buyer through connecting every piece, turning a complex kit into an easy, guided build.
- Embedded step-by-step assembly videos
- Large play-button thumbnails per tutorial
- Guided "how to connect the pieces" walkthroughs
- Reduces support questions after purchase
Contact
The support surface — "Have questions? Can't find what you're looking for? Get in touch." A write-a-message form lets shoppers send their concerns directly, with the promise of an optimised solution from the team.
- "Write a Message" contact form
- Clear "Get in Touch" support prompt
- Routes enquiries straight to the team
- Reassurance copy on response & solutions
Our motto is simple — fun for everyone. Now the website says it as loudly as the toys do, and our buyers can browse, learn and order in one place.
How We Built It
From brand direction to a live storefront — our four-step delivery for the AK Toys website.
We translated AK Toys' bold, playful character into a dark-and-yellow web identity — high contrast, energetic and premium, built to make the toys pop.
We structured the kits into a clean catalogue model — specs, materials, dimensions, price and availability — ready for the shop grid and product cards.
We built the storefront, shop and assembly-video hub on Laravel Blade with scoped CSS and inline SVG iconography — one surface at a time, each with its own QA pass.
We shipped the public site at ak.toys with a content handover, so the team can add new kits and assembly tutorials themselves.
Selected Screens
The Outcome
Bringing a physical product online?
We design and build storefronts that show a product off, sell it, and teach customers how to use it — wrapped in an identity that does the brand justice. If your catalogue still lives offline, let's talk.
