Spectacular pages with interesting design solutions

[subornaakter20]

Wow effects on the home page are nothing new. But what is really trendy today is useful, meaningful animation.

8. Phive.pt is a Portuguese fitness website with interactive design using JS and jQuery.

Phive.pt

Here, the animated letter not only decorates the site, but also performs a UX function at the page preload stage - it encourages the user to do something. If you scroll down the page, the letter will open and the viewer will see a scene.


Ged Group

The visual design of this site is thoughtful and consistent. All effects are made on jQuery.

Vector images are not only a tribute to aesthetics, but also semantic elements that characterize the identity of the site. They align the main page with the rest.

A scene consisting of two to six figures is preloaded and then rendered using animation.

Unobtrusive micronavigation and hints, and the application of the Ken Burns effect to images add extra chic to the animation scrolling.


Medical practice

The main design feature of this website's home page is customer-oriented:

The design is laconic, the page is designed using a minimum of colors.

Originally executed navigation of services, there is an unusual hotspot functionality. All this helps to retain the attention of customers.

Read also!

"Website Design: How to Properly Declare Yourself on the Internet"
Read more
Home page as a landing page
In cases where a website performs SEO functions (attracts search traffic) and has landing page capabilities, its visual design is developed in such a way as to emotionally engage the visitor, create the right mood and ultimately sell goods or services. If everything is done correctly, then due to increased user attention, the home page begins to generate leads from contextual advertising ads.

For users who come from Google AdWords or Yandex.Direct ads, the visibility of the USP on the page plays a huge role. The offer should be clear, catchy and motivating to the target action. The task of the designer of such a site is to compensate for the semantic gaps through bright design.


Fish Bowl

This mini-site is actually a landing page consisting of several pages:

The main page of the subdomain site catches the user's attention not only with a bold color scheme, but also with a very large title and a picture in the hero header.

The design is almost flat. Conversion elements are pharmaceutical email lists emphasized with shadows, which immediately makes them stand out from the rest of the content.


WPMU DEV

The website of a company specializing in web development and hosting services features a business trailer (conversion video). Other distinctive features of the main page of this site are:

Flat design used successfully to promote products.

A cartoon-style video that performs sales functions (it has a call-to-action button). The presentation's funny characters help the company expand the conversion funnel.

Each service has its own icon. From each section you can go to a page with a detailed description of the service.

Read also!

"Website design: from the main page to the text content"
Read more

Chris Ducker

This personal website of a blogger and business coach is a great example of a well-designed home page:

Illustration background: a gradient is superimposed on the person's photo, matching the website's color scheme.

The visual hierarchy of elements is successfully constructed: the user’s gaze is directed to the target action in full accordance with the F and Z principles.

The buttons with calls to action contrast with the background of the blocks. The blocks themselves correspond to the author's activities.


Dollar Shave Club

The top positions of this site in the field of e-commerce are provided by the creative video located on the first screen of the main page. In addition, of interest are:

The vintage-hipster style of the resource is provided by the selection of grunge fonts for the headings.

The original slogan, built on a play on words: “Shave time. Shave money” (“Time to shave. Saving money”), which cannot be paraphrased.

Thanks to the sales video, the site gained a huge number of views on the first day, and the company was inundated with orders. Views continue to grow, currently exceeding 23.5 million.


Bench

Minimalistic home page of an audit company.

A simple, concise interface, not overloaded with content, signals that customers will find it easy and simple to interact with the company.

COUB-style looping videos not only add life to the homepage, but also explain to the visitor how the company can help them with their accounting needs.

Transparent buttons, marked only with a thin outline, and texts placed directly in the common space without special backings are fashionable and work to create the impression of lightness and simplicity.