Mobvoi Official
Website
Products'
Landing pages

Mobvoi landing page phone mockup

From Brand
To Visual

From brand to visual — phone mockup
Brand attributes: Brand Infos, Brand Positioning, Form, Color, Conceptual Design

Home Page
Improvement

Four large iterations are carried out on the home page according to the diversion efficiency. The first version only shows activities and products. In order to enhance brand trust and attract new users, media and social media content are added in version 2. In the third revision, the text navigation was changed to picture product catalog, which increased the click through rate by 30%. In the fourth revision, the registration discount and email subscription discount were highlighted, and new user registration increased by 12%.

Home page improvement — four iterations

Product
Pages

Responsible for designing the product pages template. Starting from the earliest product pages, I continuously explored and ranked the content according to data and business requirements. After several iterations, I finally formed a product page template. It has been used and extended in all new products released after that.

Product pages — multiple product page designs

Design
Guidelines

Based on the screen size, I made two sets of design guidelines, one set of web end, content was adjusted by the grid system, and one set of mobile end. The design guidelines include visual element details and micro-interaction details. It adds or modifies content as the site iterates, and helps me to adjust previous visual legacy issues.

Design guidelines — typography, grid, colours, components

See More Works