Практика

2.4 Результат

Делаем расположение информационных блоков на странице более простым, выделяем под календари всю ширину центральной композиции, добавляем на страницу второстепенные товары.

В ходе решения задачи отказываемся от баннеров, совмещая сезонные акции компании с блоком новостей.

Рисуем графику.

Результат

Сетка:

Результат с сеткой

Пояснения к решению:

Пояснения к решению

В итоге получаем готовый к применению шаблон главной страницы сайта и вот такие иконки:

Иконки

Конец.

Стандартный
Практика

2.3 Поиск визуального решения

Раз:

Вариант №1

Два:

Вариант №2

Три:

Вариант №3

Четыре:

Вариант №4

Проясним некоторые моменты:

Пояснения к решениюПояснения к другому вариантуВывод: нужен еще больший акцент на товары.

Стандартный
Практика

2.2 Тактика и стратегия решения

Исходный дизайн главной страницы сайта:

Главная до редизайна

Поскольку нужен редизайн, а не создание дизайна с нуля, то необходимо

  1. сохранить узнаваемость
  2. и избавиться от текущих недостатков главной страницы.

Узнаваемость будем сохранять использованием фирменной цветовой гаммы и фирменной символики:

Цветовая гамма

Основные недостатки текущего дизайна в:

  • невнятной типографике,
  • отсутствии продающих акцентов,
  • батарее ссылок каталога, прячущих за собой настоящие товары.

Вопросы типографики решим в процессе разработки модульной сетки и на этапе прорисовки дизайна.

Для решения второй проблемы сместим акцент главной страницы к показу самых востребованных товаров, занимающих львиную долю продаж. Это календарные блоки. Все остальные товары и рядом с ними не валялись по вкладу в оборот компании. Поэтому календари — на главную!

Тем самым мы постараемся сократить путь пользователя от входа на сайт до совершения покупки.

Поскольку товар займет в новом дизайне центральное место, то батарею ссылок каталога уберем в подвал. Пусть остается, но не так бросается в глаза.

Кроме этого у нас есть дополнительные требования, которые тоже следует учесть при разработке дизайн-решения:

  • Необходимо предусмотреть место для размещения баннеров об акциях и специальных предложениях компании.
  • Дизайн главной страницы должен учитывать новые функциональные возможности: личный кабинет, корзина, новости компании, подписка на новости.
  • Владельцу компании нравится дизайн сайта компании Apple.

План есть, можно приступать.

Стандартный
Практика

2.1 Постановка задачи

Компания «Полимат» производит и продает комплектующие для ежедневников и календарей.

У компании есть сайт, который настала пора обновить и модернизировать. Настало время ему стать полноценным интернет-магазином с корзиной, заказами и информацией об остатках.

Начинать нужно с малого, поэтому стартуем с главной страницы. Итак, задача: редизайн главной страницы.

На выходе мы должны получить PSD-шаблоны, полностью готовые к верстке.

Стандартный