HOCO Official Website

As part of Aerofugia’s new drone series launch, I was responsible for designing and developing the official website from the ground up. The design emphasizes simplicity and elegance, featuring a clean, intuitive information structure. Following industry research and competitor analysis, we adopted a cascading layout to showcase key information, complemented by imagery that highlights real-world applications.

Design Goals

Clear

Information Structure

Professional

Brand Identity

Scenarios

Real World Applications

Responsive

All Device Sizes

Grid Layout

HOME

Since the primary function of a consumer drone is to capture high-quality photos and videos from otherwise inaccessible heights—primarily for travel—I designed the opening screen with an autoplay promotional video showcasing stunning landscapes to immediately captivate user interest.

Responsive Design

To ensure optimal performance across a range of devices and screen sizes,
responsive design is a key focus of our web development strategy.

Interactions & Images

By incorporating high-quality images and informative videos
that showcase real-world scenarios, tangible context is provided to 
deepen the user’s understanding of our products

Advantages

To effectively highlight the technological and practical advantages
of the product, we use videos instead of static images, creating a
more impactful and engaging user experience.

Product

To highlight the elegant industrial design of the products, I selected a simple, clean background that minimizes distractions, allowing users to focus on the features, design, and quality. The cool-toned backdrop enhances the high-end, quality-driven aesthetic.

Shopping Basket