Frog – Cloud Infrastructure Management Platform Landing Page

A landing page designed to introduce Frog, a cloud infrastructure management platform, and communicate its core capabilities in a clear and accessible way. The design focuses on simplifying complex technical concepts, highlighting key features, and guiding potential users to understand how Frog helps businesses manage their cloud infrastructure more efficiently.

Frog is a cloud infrastructure management platform designed to help companies manage and scale their cloud resources more efficiently. The landing page was created to clearly present the product, explain its capabilities, and communicate the value it offers to potential users. The main goal of this project was to translate complex technical features into a clear and engaging visual experience, allowing visitors to quickly understand what Frog is and how it can help them manage their cloud infrastructure.

Role

UI/UX Designer

Timeline

2025

Company

PT. Awan Data Indonesia

Tools

Figma, Figma Site (Prototyping)

Frog – Cloud Infrastructure Management Platform Landing Page

The Problem

Before this project, the platform did not have a dedicated landing page that clearly communicated the product and its capabilities. As a result, potential users had difficulty understanding what Frog offered and how it could help solve their infrastructure management needs.

Some key challenges included:

  • Lack of a centralized page explaining the product and its value proposition
  • Cloud infrastructure features were difficult for new users to understand
  • Technical concepts were not presented in a clear and approachable way
  • The absence of a structured storytelling flow that guides users through the product

This landing page was designed to bridge that gap by presenting the product in a more structured, understandable, and visually engaging way.

My Role

My role in this project was UI/UX Designer.

I worked directly with stakeholders to understand the product goals, requirements, and the key messages that needed to be communicated through the landing page.

I also collaborated closely with developers to ensure that the design, user flow, and interface components aligned with the technical implementation. This collaboration helped maintain consistency between design and functionality throughout the development process.

My responsibilities included:

  • Translating stakeholder requirements into user-centered design solutions
  • Designing the landing page layout and visual hierarchy
  • Creating UI components and visual assets
  • Ensuring the design aligned with development feasibility and functionality
  • Create prototype to showcase the design to stakeholder

Experience it live:

View Live Project ↗

Frog hero section
Frog feature section
Frog solution section

"This project emphasized the importance of translating complex technical products into clear and engaging user experiences. It also strengthened my ability to balance business goals, technical constraints, and user understanding when designing product-focused landing pages."

Explore More Work