Landing page

S21 launching

The S21 landing page was made for the launching of the device and allows to inform about its features and have a 360 view of the phone.

Project intro

The requirement asked for a site that allows the user have all new features of the launching and have detailed information of the functionalities.

Project Goals

Inform all new features of the phone in a landing page.
To develop an interface that follow the samsung brand guidelines.
Create a 360 experience for the launching models and the possibility to compare them.

Customer Mindsets

Samsung managers | “Is important communicate the features of the product.”

We are thinking in a landing site that follows all requirement of the brand and inform specific features before the launching.

Customers | “What is new regard to S21 ”

We would like to know about all features and models of this phone, how much is it and what about offers.

Wireframes

Mid Fidelity

High fidelity

Style guide

For the visual structure I used the official elements of the samsung brand and applied the basic colour palette and the official font for titles and body text, designing the site through modules.

Brand

Samsung as a important tech brand worldwide look for consistency and adaptation that communicate the brand values and essence.

Colors

The definition of the scheme colors was based in the primary and illustrative colors of the brand, mainly the use of black white and principal blue building by modules and dividing the sections.

Tipography

The type scale is defined with the official Samsung font Sharp for titles and for content text Samsung One, the font provide the consistency and maintain the hierarchy with sections and actions.

Imagery

The imagery takes resources of the product with high quality pics that allow to center the attention in the features that are communicating in each section.

Components Library

The structure of this landing page follow the global Samsung guides and the local .com site, we create an structure were the user find easily the detailed information of each feature.

Final design

Finally we presented a landing page that meet the requirements to communicate the new release and provide information of the phone features.

Specifications