Ozon digital product mechanical keyboard main product image design and selling point display

Project overview

The product picture of the AULA F75 mechanical keyboard needs to use screen close-ups, connection icons and battery life conditions to explain the desktop device. This case focuses on the existing 5 Ozon Russian works, dismantling the arrangements for product identification, theme description and condition verification. For brands and sellers who are preparing to produce pictures of similar products, the focus is not only on the style of the pictures, but also on understanding how different pictures distribute information so that product-related questions have corresponding reading positions.

서비스 Industry 플랫폼
Ozon product primary and secondary product images design Digital 3C오존
Project requirements target market design style
Explaining desktop devices with screen close-ups, connection icons and battery life conditions Russia High saturation, sense of technology, strong marketing
project budget Delivery content Delivery time
¥500 5 case display pictures 5 working days

design challenge

The keyboard also contains layout, screen, connection and RGB information, and the first image can easily be turned into a parameter collection. The design needs to first see the whole machine clearly, and then expand it through partial interfaces and different usage conditions. The series product page must also be distinguished from the package list.

Design strategy: Let the entire group of works form a clear information relationship

01 Allocate information tasks first, and then arrange the key points of the screen

The work is expanded by “Machine Overview → TFT Screen → Three Connections → Battery Condition → Series Selection”. Figure 1 establishes the identification first, and then switches the composition and description position according to the actual theme. This division of information allows different questions to have their own place, reducing the need to pile up all the text in the first image, and preventing subsequent images from simply repeating the same product photo.

02 Use a consistent visual language to connect different reading tasks

Magenta, purple and turquoise form a distinct background, the white keycaps remain legible, large numbers and icons are responsible for parameter reading, and partial enlargement provides structural details. The unified style serves the entire group identification, and composition changes serve different contents; the main title, auxiliary labels and product proportions in the picture jointly determine the reading order.

03 Reduce the explanation to specific parts, actions or choices

The focus of this group of works is to explain desktop devices using screen close-ups, connection icons and battery life conditions. When dismantling, look at the correspondence between the whole machine and parts, themes and conditions: when there is structural information, look at the positional relationship, when there is scene information, look at the objects used, and when there are numbers, look at the categories and limiting conditions. Letting each picture answer a specific question has more explanatory value than repeatedly emphasizing the excellence of the product.

Dismantling the work: explaining the screen arrangement and information responsibilities of each picture

Figure 1|Overview of the whole machine: let the layout and model be seen first

AULA F75 mechanical keyboard Russian product picture: The keyboard is displayed near the front, with themes such as AULA F75 and 75% layout surrounding the main body, and the bottom card concentrates connection, RGB and battery information.

The keyboard is displayed near the front, with themes such as AULA F75 and 75% layout surrounding the main body, and the cards at the bottom focus on connection, RGB and battery information.

The key layout is still the main body, with numbers and logos as abstracts, and the first picture explains the model and main theme at the same time.

Figure 2|TFT screen: Interface sample explains usage

AULA F75 mechanical keyboard Russian product picture: The upper right screen and knobs are enlarged, and the four groups of small interfaces in the upper part correspond to time, image, connection and menu themes respectively.

The upper right screen and knobs are enlarged, and the four groups of small interfaces in the upper part correspond to time, image, connection and menu themes respectively.

The interface sample makes the small screen functionality concretely visible, and the partial photo retains its place in the keyboard.

Figure 3|Three kinds of connections: using icons to explain the methods side by side

AULA F75 mechanical keyboard Russian product picture: The whole machine is located on the upper part, and the three large icons below correspond to the Bluetooth, Type-C and USB 2.4GHz themes respectively.

The whole machine is located on the upper part, and the three large icons below correspond to Bluetooth, Type-C and USB 2.4GHz themes respectively.

The side-by-side icons make it easier to compare connection methods, reducing the problem of just reading the word “three-mode” without knowing what it specifically refers to.

Figure 4|Battery conditions: Distinguish the duration of turning on and off the lights

AULA F75 mechanical keyboard Russian product picture: 4000mAh is highlighted, the keyboard is centered, and the two columns at the bottom list the duration under different lighting conditions.

4000mAh is highlighted, the keyboard is in the center, and the two columns at the bottom list the duration under different lighting conditions.

Conditions are reserved next to the duration to help distinguish different calibers. The larger number cannot be directly regarded as the battery life in all usage states.

Figure 5|Series Selection: Using a Matrix to Organize Different Appearances

AULA F75 mechanical keyboard Russian product picture: A variety of AULA keyboards are arranged in two columns, with numbers next to each model, and the background maintains the pink and purple theme.

A variety of AULA keyboards are arranged in two columns, with numbers next to each model, and the background maintains the pink and purple theme.

This is a series display rather than an accompanying list. Users can search by appearance and should not be misunderstood as one package containing multiple keyboards.

Delivery summary and design value

The entire team delivers with a clear division of labor

The five works in this case cover “Overall machine overview → TFT screen → Three connections → Battery conditions → Series selection”. The number of images depends on the actual content, and each image has its own theme while maintaining an overall identity through color, text hierarchy, or composition.

Procurement issues can be more easily mapped to specific information

Focusing on the AULA F75 mechanical keyboard, the work will “use screen close-ups, connection icons and battery life conditions to explain desktop devices” into different screens. When brands plan similar designs, they can first list the content that consumers need to identify, understand and check, and then determine the tasks and order of primary and secondary product images.

Value is based on interpretive methods and authentic works

The whole machine, part, scene and information cards provide different reading entrances, helping to organize product descriptions more clearly. The value of this case is the visible design expression and information division of labor; changes in click-through rates, sales, and conversion rates require additional statistical or test data support.

The parameters, materials and functions in this article are used to explain the content of the accompanying pictures. The specific specifications, applicable conditions and accompanying items are subject to the product information of the corresponding model.

Plan clearer product images for your Ozon products

If you also need to plan primary and secondary product images for your OzonAULA F75 mechanical keyboard, you can submit product links, existing pictures or product information to AIRSANG, explain the target market and required picture group range, and communicate the information organization and visual direction suitable for the product.

Consultation email: [email protected] · Telephone: 177-5952-2770

Creative Solutions for Global Brands

AIRSANG delivers cost-effective website design and development, brand visuals, and cross-border ecommerce solutions for brands worldwide.

Shopify Development

WordPress Development

Website UI Design

Amazon Design

비즈니스를 혁신할 준비가 되셨나요?

디지털 마케팅 대행사를 통해 비즈니스를 한 단계 더 발전시킬 수 있는 방법에 대해 자세히 알아보려면 전화를 예약하세요.