Content and idea

Turbologo - an online service for creating logos
For a company, a company logo is not just an element of style. This, in fact, is its business card on the market, which stands out among competitors. A well-thought-out…

Continue reading →

How to attract customers? 5 effective online advertising tools.
“Where to buy the goods?”, “Who should I order the service from?”, “Which company should I contact?” Your potential customers can find many answers to these questions, and there should…

Continue reading →

Top Web Design Articles, Downloads, and Inspiration
We continue the annual tradition and publish the most interesting notes for the "last season". Earlier in Design Mania, you could already see a similar article for 2017 and a…

Continue reading →

1 8 9 10

The ideal form of authorization – how to do it is not necessary

Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login block. Recently, a lot of annoying and too “abstruse” implementations of it have appeared on the network. It’s good when designers try to make unusual and beautiful forms of login (see our selection), fitting them into the general concept of a web project, but it’s completely different when they go overboard with functionality. Sometimes it comes to the point that popular password managers (in Chrome or from 1Password) simply do not work.

In the article you will see examples of authorization forms with problems in usability. This is good food for thought for web developers who do not really understand how their audience uses the login tool on the site. In the second part of the article, we will show and tell you how to best implement this task and create simple, connected, recognizable elements that are understandable to visitors and work perfectly with different “password remembers”. The text is an adaptation of this note. Continue reading

Vertical text direction in web design – good use cases

Home »Web Design» Typography »Vertical Text Direction in Web Design – Good Use Cases
Vertical text direction in web design – good use cases

Ordinary standard and template web projects are few who impress, so many want to create something truly unique. You will find some interesting ideas in the selection of colorful website designs. Someone uses variegated images on the main one for this purpose, animation or some original approaches to the layout of elements. One of these methods is the vertical arrangement of text on the screen.

In fact, such an orientation of labels / content in web design is not often seen, here the horizontal rhythm “rules”. However, in last year’s article about current typographic trends, we already mentioned this chip. One of its advantages is that you don’t have to take any extreme measures or difficulties – even an insignificant “dose” of the vertical text is enough to achieve an effective result. And with today’s examples we will prove it to you … Continue reading

Creating an Effective Hero Image Image for a Website

Does the user only need 50 milliseconds to form an opinion on any site? Web developers and designers really have very little time to make a good impression on a person when visiting a resource. That is why the correct design of the main page + website header, which everyone sees in the first place, is so important.

Many web projects on the network are united by one common way of attracting the attention of the audience – the use of bright colorful designs, in particular – placing a large background image or large banner at the top of the website. It is also called a “hero image”.

This “main image” is not just a beautiful illustration on the site to capture attention, it should become something more. Developers need to try to make a powerful visual communication tool that can increase sales and become the real “hero” of your online business.

In our translation of the original article, you will find eight useful tips to help create the right hero image – one that would attract attention, help convert users into regular customers and would be a useful addition to the design of your website. Continue reading

Effective B2B website designs for 2019

If you are producing a product / service that is in demand in a particular field and trying to create a suitable website that fully reflects your attitude to work, then this article is for you. B2B projects (business to business) do not have to be boring, as serious as possible, and with a minimalistic design. After all, specialists and professionals are the same people as any other visitors, and you yourself would probably pay attention to a beautiful site with the right quality content.

Best B2B Website Designs of 2019
Most of the traditional B2B web resources tell their potential customers 3 things: “who we are, what we do and how we help”, but this information is far from always able to sell your product / service as efficiently as possible, and the goal is precisely that.

Modern customers do not want to spend a lot of time studying sites and finding information. Continue reading

Mailto – HTML

In order to somehow dilute the design theme, let’s look at another layout lesson today – a lot of time has passed since the previous post about CSS hover effects. This note will be devoted to the issue of creating a link to mail in html. All this is implemented using the usual A tag, which, despite its simplicity, can be used not only to create hyperlinks, but also has several interesting nuances.

The basic syntax looks like this:

<a href=”mailto:youremail@somesite.com”> write to us </a>
Here, as the href attribute, write the phrase mailto and the mail where you want to send the message. Inside the tag is the link text that the user will click on.

The problem with this design is not the best UI / UX solution for users, because clicking on a link performs actions that not everyone likes. It’s like with a PDF document when it immediately opens in the browser.

OPENING IN A NEW WINDOW Continue reading

1 8 9 10
Security in Firefox Browser
When working on the Internet, the highest priority should be to ensure the safety of users. Indeed, in the "global web" there is a huge number of fraudulent sites and…

...

Landing Myths
Creating a high conversion landing page is a whole deal, right? And to want the landing page to look beautiful and cling to visitors is an understandable desire. But you…

...

Vertical text direction in web design - good use cases
Home »Web Design» Typography »Vertical Text Direction in Web Design - Good Use Cases Vertical text direction in web design - good use cases Ordinary standard and template web projects…

...

How the media have changed Mankind, and Manchestovo has changed the media over the past couple of thousand years
Today, mass communication is the most important form of information exchange. Newspapers, radio, television and, of course, Internet access allow not only to receive almost any information, but also serve…

...