The Red Marker – Landing Page Design for Matterport Services in APAC

The Red Marker – Landing Page Design for Matterport Services in APAC

Role

UI Designer

Scope

Reponsive Website

Team

Designer, Developer

Year

2025

Designed a high-converting landing page for The Red Marker to introduce Matterport virtual tour services across the APAC region. Crafted for business impact and clear communication.

Objectives

Design an engaging and informative landing page that introduces Matterport’s 3D scanning services provided by The Red Marker in the APAC region. The goal is to clearly communicate the value of digital twin technology, attract potential business clients (B2B), and support regional expansion by turning visitors into leads.

Requirements

Create a modern and professional landing page targeting B2B audiences (real estate, hospitality, commercial spaces, etc.).

  • Clearly showcase the key benefits of Matterport services: digital twin creation, immersive 3D experiences, remote collaboration.

  • Ensure a fully responsive experience across desktop, tablet, and mobile devices.

  • Provide strong and visible CTAs (e.g. "Get in Touch", "Book a Demo", "Learn More").

  • Include a visual map or country list to highlight service availability across the APAC region.

Turning goals into pixels

To bring this project to life, I started by breaking down the content into clear, purposeful sections — from introducing Matterport’s services to showcasing real-world use cases and highlighting regional coverage. I wanted the landing page to feel informative yet effortless to explore.

  • Focused on large, immersive visuals and demo content to showcase real Matterport scans, adding visual credibility.

  • Used a flexible grid system to maintain responsiveness and content hierarchy across all screen sizes.

  • Applied clean typography and a professional color palette (blue & white) to align with The Red Marker’s brand tone.

Adapting across devices

Ensuring a seamless experience across screens. I designed a fully responsive layout that adapts gracefully from desktop to tablet and mobile.

From rethinking content hierarchy to optimizing touch targets and spacing, every element was considered to make sure the interface remained intuitive, visually consistent, and performance-friendly — no matter the screen size.

Let’s solve real things with clear design

Designing better UI/UX, not doing it all. I love joining teams who value clean structure, smooth flow, and user-first thinking.

🥖🥖🥖 Ho Chi Minh City, Viet Nam

Let’s solve real things with clear design

Designing better UI/UX, not doing it all. I love joining teams who value clean structure, smooth flow, and user-first thinking.

🥖🥖🥖 Ho Chi Minh City, Viet Nam

Let’s solve real things with clear design

Designing better UI/UX, not doing it all. I love joining teams who value clean structure, smooth flow, and user-first thinking.

🥖🥖🥖 Ho Chi Minh City, Viet Nam

Create a free website with Framer, the website builder loved by startups, designers and agencies.