logo

Rokid Air

Tmall Design

Type of industry field

Leading companies in the industryAdvanced ManufacturingWeb 3.0

Service Content

Visual & Creative DesignExhibition & Spatial Design

Technical Solutions

APP Programs Design SolutionVirtual Exhibition Hall Solution
Editor: STOYARD BEIJING2022-03-28

2022

STOYARD is Rokid's first consumer-oriented AR glasses Rokid Air reconstruction design Tmall/Jingdong flagship store details page. We gave up the list of abstract functions and conceived a core narrative logic of "Cyber Infinite Universe" overhead, turning every browsing with fingertips sliding down into an immersive roaming that breaks away from gravity and roams the universe, making cutting-edge technology read in a way that can be perceived by ordinary people for the first time. Break through the limited conditions of the platform limitations and create a novel visual user browsing experience with a strong sense of visual conflict. Thank you for your trust in us. This is a milestone design experiment of Tmall/Jingdong detail page.
Project Background

Rokid Air is a product that combines a lightweight and stylish appearance, ergonomic design, AI capabilities, natural interaction, and rich content. Since its launch, it has been loved by many fans and has received high recognition on the Tmall flagship store platform.

To better showcase the product’s potential, the Rokid team has asked us to optimize and upgrade the overall visual design and content. Including story line outline, detailed page copy, content design, material production, shooting planning, dynamic video/GIF production and other overall services.
00:00
Core concept: "eye-opening." The user's downward sliding action is set to "open the key to the virtual super-large parallel world" and 1.1 strokes, falling into the "Rokid Air world" we made up for the user ".

There,
People are light and free.
It can play different roles.
It is not bound by gravity,
It is about roaming in the virtual cyber universe.

This setting can kill two birds with one stone: it not only supports the readability of the page with story and interest, but also accurately echoes Rokid Air's product core of "lightness, technology and people-oriented. Sliding is not turning pages, but "entering" to open the detailed page browsing behavior itself, which becomes a preview of the product experience.

In terms of content expression, we extract visual elements from concepts such as "meta-universe", "parallel world" and "science fiction" to highlight the sense of science and technology and avant-garde concept of the product. At the same time, we output matching copy, so that the delicate connotation of the text and the external tension of the vision bite each other to form the final immersion effect.
00:00
"The epidemic has changed people's concepts and living and working habits, such as remote collaboration, which has never been accepted by others, and has become a common working state of the current people, and even people have formed a habit. The former may be short-term; The latter will have a profound impact on our future. More and more people and businesses are discovering a new interactive device and service that can help everyone adapt to the new way of living and working." - Rokid CEO Misa
2. Design inspiration

The wearer and user of Rokid Air are not professional operators, but ordinary people who have not received training. On the Tmall e-commerce platform, we can directly see various feedbacks from users after wearing the product.

This feedback is also our most precious and effective source of inspiration, so, based on platform characteristics, our design strategy will be adjusted accordingly to meet the needs and expectations of users.
3. Design responsive products

The user feedback on the Tmall platform is fast and real. After repeated discussions and communication, we abandoned the abstract design concept and finally decided to use a narrative logic to design the overall vision.

The user's fingertip swiping down is like a key to unlocking a parallel world, and a single swipe opens our fictional "Rokid Air world". In this world, people are light and free, free from the shackles of gravity and roaming in the universe. Such a setting can not only increase the interest and readability of the content, but also echo the lightweight, technological and user-friendly product features of Rokid Air.
We use the elements of "metaverse", "parallel world" and "science fiction" to highlight the technological sense and pioneering concept of products.
Rokid Air is a simplified product that is positioned in commuting, office, audio-visual and other usage scenarios, but it is not simple.
4. Extract keywords

We extracted some elements from the concepts of "metaverse", "parallel world" and "science fiction" to highlight the technological sense and pioneering concept of the product.

In addition, in order to show the advantages of the product more completely, we also output part of the copy content, and the final shocking effect is formed through the delicate connotation of the text and the external tension of the vision.
5. Digital empowerment

We refine the product from the aspects of product design, user experience, technology, product technology, application resources, etc. The sparse page layout and just-right text catch the user's attention from the very beginning, in the deep cosmic background Read on as we guide us, and we want to really cover it all,Empower the product.

Thank for you.

Contact