Overview
Ador was the world's first color printing laser cutter, but its modular system and technical features made it hard to explain. Users needed to understand how three different modules worked together before they could see the value.

I designed a landing page that broke down the complexity into clear, scannable sections. Working with Marketing, I shaped the content hierarchy, created supporting visuals, and built the responsive page in WordPress.

The page launched in December 2023 and broke two website traffic records. Ador's global release contributed to a 12% increase in annual net revenue.

Role
Responsive Web Design, Visual Design, Branding, Video editing, Rendering, Content Writing

Team
Design: Winni (Video), Chieh (VIS)
Marketing: Angel, Cathrine
Stakeholders: CEO, CGO, EU distributors

Timeline
1 month, Launched in Dec, 2023

My Approach

Understand the product and audience

Studied Ador's modular system and identified what hobbyists, small businesses, and distributors needed to know before buying.

Audit existing pages and competitors

Reviewed past FLUX landing pages and competitor sites to find gaps in content structure, visual hierarchy, and responsive layout.

Shape content and build the page

Collaborated with Marketing on section order and copy. Designed in Figma, then built the responsive page in WordPress with custom CSS.

Test and optimize for launch

Checked responsiveness across devices, reduced load times by compressing assets, and refined visuals based on stakeholder feedback.

Highlights

A clear landing page helped users see Ador's value.

The page simplified a complex product into scannable sections, driving record traffic and strong conversion.

The landing page became the main entry point for ad traffic. Clear content structure helped users understand Ador's three-module system, contributing to a 12% increase in net revenue.

Existing FLUX users upgraded to Ador after seeing the new color printing capability. The page broke two website traffic records within a month of launch.

See what made Ador successful.

Visit Ador Website

Context

A first-of-its-kind product that's hard to explain.

Understanding Ador's complexity helped me shape how the landing page would communicate its value.

Three modules, one machine.

Ador combines a diode laser, infrared laser, and color inkjet printer into a single device. It's built for small businesses, hobbyists, and educators who want to print and cut without switching machines.

Two years of development, never done before.

Integrating inkjet printing into a laser cutter took over two years. Before Ador, users needed separate printers and cutters to create colored designs. Ador removes that extra step.

Problem

Users needed to see value before they understood specs.

Ador was powerful but hard to explain. The landing page had to make first-time buyers and educators feel confident, not confused.

Persona (Based on 3 real educators)

Meet Rachel, a STEAM teacher.

Rachel is a 42-year-old middle school teacher who runs a maker lab for grades 4-7.

‍She uses a FLUX laser cutter to teach hands-on projects like name tags, puzzle games, and cardboard automata. Her students love creating physical objects, but adding color has always been a pain. She has to print designs on paper first, then transfer or glue them onto wood before cutting.

Rachel represents educators exploring laser cutting for STEAM curriculum.

Problem 1

Color meant extra steps.

Before Ador, adding color to laser-cut projects required a separate workflow. Teachers like Rachel had to print designs on paper or vinyl, then apply them to wood or acrylic before cutting. For a class of 25 students, that meant hours of prep and alignment issues.

"I wanted my students to make colorful keychains, but the extra steps made it impossible in a 45-minute class."

Problem 2

Too technical for first-time buyers.

Ador combines three modules: a diode laser, an infrared laser, and a color printer. For educators unfamiliar with laser cutters, this sounded complicated. The landing page needed to show what Ador could do, not just list what it had.

"I don't need to know the wattage. I need to know if my students can make something colorful in one class period."

Problem 3

One month to launch globally.

Ador was releasing in EU, US, and international markets at the same time. I had four weeks to finalize the landing page, create supporting visuals, hand off assets to distributors, and test for responsiveness across devices.

Speed mattered, but clarity mattered more.

Three challenges, one landing page.

I needed to design a page that:

Showed the color printing advantage, so educators and makers understood what Ador unlocked
Simplified technical specs, so first-time buyers saw value instead of jargon
Shipped on time, while meeting quality standards for a global product launch

The goal was to turn a complex product into a clear story that helped users imagine what they could create.

Iterate

Turning complexity into clarity.

I worked with Marketing to shape content hierarchy, reduce text, and create a layout that helped users scan instead of read.

Starting with the brand system.

Ador's visual identity used a red, yellow, and blue rainbow to highlight its color printing capability. I applied this system to the landing page while keeping the layout clean and scannable.

Four rounds of refinement.

Marketing provided an initial mockup with loose content and section order. Over four iterations, I cut text length, simplified the layout, and added white space. Each round made the page easier to scan.

Leading with what users care about.

The hero section used a bento grid to show Ador's three modules at a glance. Instead of listing specs, I prioritized the features laser cutter users search for: work area, material compatibility, and ease of use.

Implement

Building a page that performed as good as it looked.

I designed and built the page in WordPress, optimizing for responsive layout, fast load times, and consistent visuals across devices.

Starting fresh to set a new standard.

Previous FLUX landing pages lacked consistent styling. I built Ador's page from scratch to establish a cleaner foundation for layout, typography, and visual hierarchy. I collaborated with our frontend engineer to solve CSS and responsiveness issues along the way.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Optimizing and testing before launch.

Early versions took over a minute to load. I compressed images, converted GIFs to MP4, and reduced plugin bloat to bring load time under 5 seconds. Before launch, I tested responsiveness across desktop, tablet, and mobile, verified all links, and confirmed interactivity worked across browsers.

Launch

A landing page built for clarity and conversion.

The page launched in December 2023 and became the main entry point for Ador's global campaign. It broke two website traffic records within the first month.

The first stop for curious buyers.

Users who clicked an ad or searched "color printing laser cutter" landed here first. The page needed to answer their questions quickly: What does Ador do? What can I make with it? Is it right for me?

Leading with video and product shots.

The hero section used a bento grid with looping video and real product photos. Video grabs attention fast, and product shots add credibility. I simplified the layout by reducing the number of boxes, making it easier to scan.

See it in action

Showing what each module can do.

Each section paired a module description with example work. Instead of listing specs, I showed what users could create with the diode laser, infrared laser, and color printer. Educators like Rachel could picture their students making colorful keychains in one class.

Specs for those who want them, CTAs for those ready to buy.

Technical details and material compatibility were placed in the second half of the page for users who wanted to dig deeper. The FAQ and CTAs at the end guided users toward a decision, whether that was purchasing or requesting a demo.

Reflection

Strong launch, but engagement needs work

The page drove record traffic and conversions, but users averaged only 35 seconds per session. There's room to improve how deeply they engage with the content.

Impact

Primary marketing funnel

The landing page became the primary entry point for ad campaigns across EU, US, and international markets.

Broke web traffic records

Page views broke two company records within one month, showing strong user interest and engagement.

12% increase in net revenue

Clear content structure helped first-time visitors understand Ador's value, contributing to a 12% increase in net revenue.

Next Steps

Improve session time

Average session is 35 seconds, which suggests users aren't scrolling deep. Test content order and page length.

Optimize load performance

Large assets and plugin bloat slow the page. Work with engineering to reduce load times.

Test CTA placement

Experiment with button position and wording to improve conversion from page visits to purchases.

Helping users understand a first-of-its-kind product

Ador's color printing laser cutter was hard to explain. I designed a landing page that made its value clear, resulting in record traffic and a 12% increase in net revenue.