SHAMAL IROSHANCreative Designer
Designing a futuristic digital home for Asia's leading broadcast technology company.
The Project
Futura Tech Labs — formerly Microimage Mobile Media — is a Sri Lanka-based technology company that has been building media broadcasting, smart security, and disaster warning solutions for over 15 years. Their products run across key networks in Sri Lanka, Malaysia, and Brunei, trusted by broadcasters, governments, and enterprises across Asia.
In 2022, the company rebranded and needed a completely new website that matched their new identity — bold, futuristic, and technically credible. The ask was clear: build something uncommon. Something that felt as advanced as the products behind it.
Scope
Project Info
The Problem
Futura had four very different enterprise products under one brand umbrella. Each had its own identity, audience, feature depth, and visual language — yet all needed to feel part of the same bold, credible company.
mStudio
Radio Broadcasting Automation
vStation
TV Broadcasting Automation
DEWN
Disaster Early Warning Network
Vesta
Smart Security & Home Automation
Content depth vs clarity
mStudio alone had 11 sub-modules. How do you present enterprise-grade feature depth without overwhelming visitors who just arrived on your homepage?
Multi-audience site
The site needed to simultaneously speak to radio station managers, TV broadcasters, government disaster officials, and homeowners — all with different needs and vocabulary.
Rebranding in progress
The company was transitioning from a well-known legacy brand. The site had to honour 15 years of history while signalling a bold new chapter under the Futura name.
Client's brief
"We want something futuristic and uncommon. Not another boring tech website." A brief that's easy to say, hard to execute without falling into generic design clichés.
The Process
Before touching a single artboard, I worked through Futura's comprehensive content brief — a detailed document covering all 4 products, page flows, navigation structure, copy, and feature lists. Wireframes were co-created collaboratively within that document, meeting the client's preferred working method rather than imposing a design-only workflow.
The navigation structure needed to handle 4 distinct product lines without creating confusion. Every product had its own audience and entry point, so the sitemap was built to guide different visitor types cleanly.
Site architecture
Structure at a glance
11
Total pages
2
Nav levels
4
Products
Page types
Primary entry points
mStudio alone had 11 sub-modules. To handle that depth without creating endless scroll or confusing sub-pages, I designed a tabbed content system within each product page: Tab 1 — What is [Product]? · Tab 2 — Key Highlights · Tab 3 — Benefits · Tab 4 — Preview. This pattern became the reusable foundation across all 4 products.
The client's brief was unambiguous: futuristic and uncommon. The design language was built around a deep navy/dark purple environment for authority, crimson red as the energy accent, diagonal section cuts as the site's signature structural element, and dot grid textures for a subtle technical feel. Product photography and real UI mockups grounded everything in reality.
Every page in the sitemap was designed in Adobe XD — from the rotating product hero on the homepage to the dual-country contact form. The DEWN page was treated with a deliberately different tone: dramatic visuals and life-safety messaging for a government/emergency audience, contrasted against the commercial tone of the product pages.
The Outcome
What was delivered
“They wanted futuristic and uncommon — so that's exactly what I gave them.”
Website Analytics
September 2022 – March 2026
20,870
Total Users
23,501
Sessions
82,138
Page Views
1m 42s
Avg. Session
Device Breakdown
Traffic Sources
Top Countries
Source: Google Analytics 4 · Sep 1, 2022 – Mar 31, 2026
Gallery
From the rotating hero banners on the homepage to the dual-country contact form.
What I Learned
This project pushed me to think beyond how things look. With 5 enterprise products each serving a completely different audience, the real design challenge was information architecture and content strategy — how things were structured and sequenced, not just how they appeared.
The tabbed product page pattern developed for mStudio became a reusable solution across all 5 products. The diagonal design language gave the site a signature feel consistent across 15+ very different pages. Working directly from the client's content document was also a lesson in meeting people where they're comfortable — rather than imposing a design-only workflow.
Skills demonstrated
Open to freelance projects
& new collaborations.
