AboutWork
Services
UI/UX & Brand Design

Research, interfaces and identities that make a brand easy to choose.

  • UX research & strategy
  • Wireframes & prototypes
  • UI & web design
  • Brand identity
  • Design systems
  • UX & conversion audits
Web Development

Fast, editable websites and stores on the platform that fits.

  • Custom themes & templates
  • Website & store builds
  • Headless & Next.js
  • Migrations & redesigns
  • Performance & accessibility
  • Testing & launch support
AI Automation & Integrations

Connect your site, CRM and tools so follow-ups run themselves.

  • HubSpot setup & workflows
  • Lead routing & enrichment
  • Zapier & Make automations
  • Custom API integrations
  • AI assistants & chatbots
  • Onboarding & follow-ups
E-Commerce Optimisation

Find where shoppers drop off and fix it with evidence.

  • Conversion & UX audits
  • Product page improvements
  • Page speed improvements
  • Checkout & funnel fixes
  • A/B testing
  • Analytics & tracking
PlatformsShopifyHubSpotWebflowWordPressMagentoReact & Next.js
All services →
BlogContact
Start a project
  • 01About
  • 02Work
  • 03Services
  • 04Blog
  • 05Contact
Start a project
info@web-canvas.in+91 80979 45448

✦ Got a project in mind?

Let's build something people remember.

Start a projectinfo@web-canvas.in

Contact

  • info@web-canvas.in
  • +91 80979 45448

Free tools

  • HTML Cleaner & Rich Text Editor
  • All free tools →

Navigation

  • About
  • Work
  • Services
  • Blog
  • Contact

Services

  • UI/UX & Brand Design
  • Web Development
  • AI Automation & Integrations
  • E-Commerce Optimisation
  • All services →

Platforms

  • Shopify
  • HubSpot
  • Webflow
  • WordPress
  • Magento
  • React & Next.js
Web Canvas
Web Canvas

©

  1. Home
  2. Work
  3. wRetro
✦ Case studyCustom PHP

wRetro.

An interactive product website for wRetro’s smart modular switches: a virtual living room where visitors tap the app or remote on screen and watch the lights, fan, TV and AC switch on and off.

Start a similar project →
Client
wRetro
Industry
Smart home / Electrical
Services
  • Interactive web design
  • Front-end development
  • CodeIgniter development
  • Product demo
Platform
Custom PHP
wRetro · interactive product demo
01

Challenge

When smart modular switches were new, most people had never used one, and a product photo can’t show what controlling a room from a phone or remote feels like.

wRetro needed a website that explained the idea in seconds: switches that can be operated from an app or a remote, alongside the usual switch on the wall. Describing it in text alone made it sound more complicated than it is.

02

Solution

We designed the website around a working demo: a virtual living room on the first screen that visitors control themselves.

A phone in the corner of the screen shows the wRetro app. Tapping Light, Fan, TV or AC switches that appliance on or off in the room, with lit ceiling lights, a glowing lamp, a spinning fan, a TV picture and air flowing from the AC, and All On and All Off control everything at once. A toggle swaps the phone for the wRetro remote, whose scene buttons (At Home, Out) and number keys work the same way. Below the demo, the rest of the site introduces the product range. It is built on CodeIgniter (PHP) with HTML5, CSS3 and jQuery.

03

What we built

  • Virtual room with lights, fan, TV and AC
  • On-screen app with per-appliance switches
  • All On / All Off
  • Switch between app and remote
  • Remote scene buttons (At Home, Out)
  • CodeIgniter, HTML5, CSS3 and jQuery

Stack & tags

  • CodeIgniter
  • PHP
  • HTML5
  • CSS3
  • jQuery
  • Interactive demo

Next project

TeamSlide Integration

Webflow · Productivity SaaS
TeamSlide website hero section