Watch the video
From our YouTube channel: from a Canva design file to zaina.co.th and its flip-book e-catalogs (Thai voice-over, English subtitles).
Who this case is for
If you have already designed your website in Canva, Figma, Adobe XD, or even sketched it on paper, but don’t know how to turn it into a real, working website, or you have product catalogs as e-books and want customers to flip through them on your site, this case shows how we did exactly that.
1. The brief: one Canva file and clear goals
ZAINA International Group is a one-stop maker of blinds and interior materials. It all started with one design file in Canva and this brief from the client:
- The content is ready. They need a front end and a back end.
- For now, just show the products and get customers to message them on Facebook and LINE.
- Products will start as e-books, which the client makes themselves.
- Once it’s running, they’d like to grow it into a full online store.
2. Canva to website: why we chose WordPress
A Canva design looks good, but it is still just a picture. We recommended WordPress because it covers the whole brief:
- Easy to use, every page editable by their team, so they don’t have to wait for us to change a photo or a line of text.
- Supports flip-book e-catalogs, so the client’s own e-books can go straight onto the site.
- Ready to grow into an online store later, without rebuilding the site.
The result is zaina.co.th: it keeps the look the client designed, but it is now a real website online for everyone to see.
3. Flip-book e-catalogs: the heart of a product showcase
ZAINA’s range covers roller and vertical blinds, wooden blinds, curtains, all the way to vinyl flooring. Every product has clear specs, and visitors can flip through the e-catalogs right away on desktop and mobile, just like a printed catalog.
When they are done reading, they can message on LINE or call in one tap, which is exactly what the client wanted from the first phase.
4. SEO and tracking, even though the client didn’t ask
The client wasn’t focused on Google, but we set up the foundations from day one:
- SEO-friendly titles, descriptions and URLs on every page with Rank Math
- Google Search Console to follow rankings on Google
- Google Analytics 4 with click tracking, to see where visitors come from and what they click
5. A Thai user manual
Not everyone knows WordPress, so we wrote a step-by-step Thai guide with pictures, so ZAINA’s team can update the site themselves from day one.
Have a design already and want a real website?
Whether you designed your website in Canva, Figma, Adobe XD, or on paper, Southern Whale offers a free consultation and free design. Talk to us on LINE.