PlayTad
Browser gaming
Hikaritech
A playful studio website connecting a Casablanca game maker with its games and the people who play them.
The live PlayTad website.
01 / The idea
Small games. Whole worlds.
PlayTad is Hikaritech’s browser-game studio in Casablanca. Its website brings the studio, its craft, and games such as JigSolitaire, Magic Sort, and FillWords into one playful digital world.
A game studio needs to give people a feel for its work before they press play. For PlayTad, that meant bringing several distinct games into a recognisable studio identity, while keeping the journey from discovering a game to opening it straightforward.
My contribution
Technical direction and product development at Hikaritech, connecting the studio’s visual identity, web experience, performance, and growth.
Built with
- Astro
- TypeScript
- GSAP
02 / The process
How I built it.
Give each game a place in the story
I organised the experience around the studio and its games. JigSolitaire, Magic Sort, and FillWords each have their own artwork, short introduction, colour palette, and dedicated page. A shared game catalogue supplies both the listings and detail pages, so a game’s description and destination stay consistent throughout the site.
Build the structure in Astro
Astro renders the pages, with TypeScript defining the game content and browser interactions. Shared navigation, game rows, and page layouts keep the experience coherent across the catalogue, studio story, capabilities, and contact pages. Visitors can follow ordinary links directly to each game.
Make motion part of discovery
GSAP handles the entrances, artwork movement, and desktop game reel. The motion adapts to the available screen space, and keyboard focus brings the corresponding game into view. Reduced-motion preferences skip the animation, keeping the games and their links accessible.
03 / The result
What it brings together.
The website gives the studio a shared home without flattening the personality of its games. It connects a visual introduction to practical detail pages and a direct route into play. The case study shown here covers that studio website and its product presentation.
- A studio identity rooted in Casablanca
- A dedicated catalogue and pages for each game
- Responsive layouts and considered motion