What to add or remove on the selling site, site tips and what are the main mistakes?

Question

User interface

Хочу поделиться с вами нашим новым проектом 4dekor.com.ua. Цели у посадочной страницы это
1. Перейти в конструктор заказа печати, далее на страницу оформления.
2. Заполнить заявку для перезвона.
И собственно хотелось бы услышать ваши отзывы по структуре, дизайну и содержанию сайта. Ваши боли и страхи за заказ печати какие можно убрать с помощью сайта.
И какие есть ошибки которые нужно исправить? Спасибо за то что уделите время :)

Answer 1

The first impression is that the design of the site uses methods from the design of printing (a variety of fonts, colors, etc.), which adversely affects usability, which is too difficult to perceive. Website design is significantly different from print design. The user should be on this site as much as possible, nothing should distract him. If everything is of different sizes, in different fonts, in different colors - the user will simply leave the site, he will not be interested. In other words, the site will not work.
On the main page:
1. Site header: Social icons need to be moved to another place, you don’t need to sculpt them to the logo, the logo should stand out, and the social icons above it only distract attention from it (the logo).
- The phone needs to be highlighted, it is not noticeable (or make it larger or highlight, for example, in white)
- Menu. The hover effects are a little unusual :), but the basket needs to be made larger and perhaps somehow highlighted, it is lost
2. Slider: It's not clear that the icon with an arrow is watching a Video. Perhaps it was worth allocating a separate place for it on the slider or doing something like www.soft.se
Typography on the slider banner needs to be worked on. Here, the methods that are used in the design of printed products will not work. It is advisable to use two (maximum three) fonts for the site.
"Or" does not need to be slashed, it looks alien.
The "fill out the form" link needs to show how it will look on hover, so that the user visually understands that he hovered over this link.
3. Three blocks under the slider. You need to make effects on hover (the frame appears, the picture is darkened, or vice versa - it becomes light, here at your discretion :)). The main thing is that the user understands what he is pointing to. Perhaps the typography on these blocks should be made whole, the signatures under these blocks should be removed, no one will read them anyway, and it’s so clear what they (the blocks) are about.
4. Headlines. The first impression a user will have is that these are large buttons. If you highlight the headings, then definitely not. They draw too much attention to themselves, which is bad).
5. "Why choose us". The bright yellow title block distracts attention from the description of this block.
Headings "We love ...", "Processing ..." and "Materials ..." are better not to center, integrity is lost.
6. "Learn about us." It's not clear what a link is.
The blocks "Affordable prices" and "Premium quality" need to be aligned, it seems that the layout has fallen off)).
The description of these blocks should not be made in capital letters, it is hard to read and lost against the background of Headings and buttons, where the font is made in capital letters.
7. Examples of work. Need hover effects. You can look for effects here tympanus.net/codrops/category/playground or just somehow make it clear to the user what he is pointing to)
8. How to order a print. Make it the same size as the rest of the headers. At first I took it for a button))
The block as a whole looks foreign. Other icons, other colors.
In terms of icons, it is better to make them colored, and the numbers monotonous, reduce them or remove them altogether (they distract unnecessary attention). It is possible to reduce the icons a little. Center the icon titles to make it harmonious. It is possible to highlight the icons with some one bright color, but this is my personal opinion)
9. The block "We like you" should not be made so high and do not make social icons randomly (do it on the same level, it is visually more convenient to click).
10. Fill out the form. I took it for a button)). The green button drops out of style. For all buttons, I would make the height more, they should stand out.
11. Рассылка. Поле выбивается из стиля. В дизайне элементы с острыми углами, а тут с закругленными. Возможно стоит тогда делать и кнопки с закругленными углами, тогда возможно поле для ввода впишется в общий стиль дизайна.
Сделал описание только Главной страницы, так как в основном она задает общий стиль сайта.
Еще один момент который сразу бросается в глаза - бредкрамс (хлебные крошки) абсолютно незаметны, это есть нехорошо. Не думаю что кидать их вправо это хороший вариант. Нужно размещать там, где их легко можно будет заметить.

Answer 2

я б не купил.
мое субъективное мнение, если учесть, что это все-таки лендинг (но тут не одна страница):
- такой слайдер на лендинге себя не оправдает.
- заголовка нет при открытии страницы, он появляется позже = плохо (сначала вообще все белое, вместо слайдера)
- prntscr.com/b5tbre - лишнее что-то, либо надо иначе делать.
- нет цены !!
хватит для начала :)

Answer 3

Взгляд потенциального покупателя:
1) Нет нормальных цен. Вместо того чтобы быстро прикинуть по ценам, мне нужно идти в констурктор и 20 мин разбираться как он работает.
2) Конструктор имхо слишком сложный. Не для среднего пользователя.
3) На главной на слайдере есть купон, но его нельзя скопировать. Предлагаете мне его запоминать? Да, мне сложно запомнить 6 знаков.
4) "ЗАПОЛНИТЕ ФОРМУ И МЫ ВАМ ПЕРЕЗВОНИМ" - что это? Почему я 5 мин пытался что-то написать в это поле?
Кнопка "Заказать в 1 клик" выглядит как кнопка сабмита, и я тупо боялся ее нажать.
И что конкретно вы предлагаете заказать если я нажму на кнопку? Сделать заказ или просто заказать обратный звонок? Сложнааа...
5) Очень "страшная" форма для "Заказать в 1 клик". Почему на кнопке написанно "Заказать в 1 клик", а мне предлагают заполнить 100500 каких-то полей? Я боюсь...
6) Диптих, триптих - это на украинском? Я просто не в курсе что это за слова... Почему мне нужно лезть в гугл чтобы сделать заказ?
7) (на форме "Заказать в 1 клик") - "К оплате" 700. Чего 700?
8) Соц.кнопки ужасны. Скачут как ненормальные...
9) Куча мелких "несоотвествий". В одном месте обращение на Вы, в другом на Ты. Вы уже определитесь как вы к клиенту обращаетесь.
10) Плашки с купонами неаккуратны. Код купона выглядит как кнопка.
11) (чисто придирка) "Без риска. 100% гарантия." - Я бы убрал "Без риска". Я как только увидел эту надпись, сразу отпало желание что-то заказывать, так как тараканы забегали. Что значит "Без риска"? Какой риск может быть? Почему вы про это упомянули? Ааааа...

Answer 4

Беглый взгляд: шрифты надо сокращать, я их штук 5 насчитал за 4-5 секунд просмотра страницы. Это сильно влияет на качество дизайна.

Answer 5

Something I wrote here a lot and the answer was rubbed. Weird.
In short: The landing page is overflowing with information. It needs to be made easier. Learn from them -
https://launchkit.io/
https://launchkit.io/sales/