Project overview

The product image of the yellow dual-unit mecha Bluetooth speaker needs to let the theme appearance, lighting effects and connection methods take on the display tasks respectively. This case focuses on the existing 7 Russian works of Ozon, 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.

design challenge

The appearance theme and RGB lighting effects of the speaker are very eye-catching, but consumers also need to clearly see the sound theme, dual-machine combination and interface. The picture group should retain the mecha’s recognition while leaving independent space for functional verification.

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 according to “Desktop main vision → Appearance details → RGB mode → Sound theme → TWS combination → Interface description → Usage scenarios”. 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

The yellow body forms a strong contrast with the blue and purple neon; the white background of the desktop, partial close-ups, sound waves and interfaces changes the rhythm while retaining the unified yellow and blue identification. 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 let the theme appearance, lighting effects and connection methods take on the display tasks respectively. 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 | Desktop main vision: let the theme and products appear together

The yellow speaker is placed in front of the keyboard and monitor. The screen retains theme text such as Bumblebee, and four icons are used to organize the main information above.

The desktop environment establishes the context of use, and the product occupies the main position; the theme image is only used to observe the work, and its authorization relationship is not inferred.

Figure 2 | Appearance details: Two close-ups are used to supplement the entire machine

Tilt the whole machine to highlight the front panel and outline, the upper right enlarges the top buttons, and the lower left adds front details.

The whole machine is responsible for looking at the whole, while the close-up is responsible for looking at the operation and surface structure, making the appearance theme a comparable design detail.

Figure 3｜RGB mode: Put the lighting theme into the desktop environment

The large title marks 6 RGB themes, the colored light strip surrounds the speaker, and the hands, keyboard and mouse complement the desktop usage status.

Color and environment explain the display intention of lighting effects. Mode information appears as a separate topic and does not compete with interface or power for space.

Figure 4｜Sound theme: Use unit diagram to correspond to 30W mark

The large 30W font is placed on the upper part, the speaker unit is presented in an exploded form, and the blue-violet aperture emphasizes the acoustic theme.

Exploding the frame connects exterior and interior themes, allowing invisible sounds to have a visual reference; aperture itself is not a sound quality measurement.

Figure 5｜TWS combination: directly showing the relationship between two machines

Two speakers are arranged on both sides of the monitor, connected by sound waves in the middle, and the keyboard and character operations continue the game desktop context.

Compared with just writing TWS, the two devices and the connection relationship more directly explain the combination method, which is suitable for answering whether it can be used with the second device.

Figure 6｜Interface description: Align the position, icon and device

The light background shows the ports on the back, and icons are arranged in categories such as Bluetooth, AUX, USB, TF, etc. at the bottom, with computers and mobile phones around them.

The close-up on the back supports port search, the icon supports type checking, and the device reference explains the connection object. Each of the three types of information has its own responsibility.

Figure 7｜Usage scene: end the picture group with the main scene and small pictures

The speaker in a campfire environment occupies the lower part. Game and household pictures are used to supplement different scenes on the right side. The battery life and connection themes are listed at the bottom.

The last page puts the product back into its specific environment and summarizes the information that appeared earlier, allowing users to continue making judgments based on their own usage scenarios.

Delivery summary and design value

The entire team delivers with a clear division of labor

The 7 works in this case respectively cover “Desktop main vision → Appearance details → RGB mode → Sound theme → TWS combination → Interface description → Usage scenarios”. 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 yellow dual-unit mecha Bluetooth speaker, the work will “let the theme appearance, lighting effects and connection methods take on the display tasks respectively” and implement it 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 Ozon yellow dual-unit mecha Bluetooth speaker, 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