Переверстал

Проект Бугая Владимира
Телеграм / Инстаграм / Фейсбук
Написать pereverstal@yandex.ru

Ценник в Материке

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

Какие проблемы у этих макетов?

  1. Отсутствие четкой конструкции и сетки — все элементы стоят вкривь и вкось.
  2. Где-то размер указан в заголовке, где-то мелкой строчкой в углу макета.
  3. Полный бардак с типографикой — заголовки разных размеров, неправильные
    кавычки, лишние пробелы, набор капсом и т. д.

Какую полезную информацию имеем на начальном этапе?

  1. Существует два типа ценника — простой и акционный.
  2. Количество информации непостоянно — где-то ее больше, где-то
    намного меньше, где-то указан производитель, а где-то еще и импортер.
  3. Общее у всех ценников — это наименование, три вида цен, размер, страна изготовления,
    и цвет.

Наберем текст и начнем, пожалуй.

Кажется, нащупал верное направление

Поменяю шрифт и цвет

А может лучше так?

Так, а что будем делать, если инфа добавится, а заголовок станет длиннее?

Попробую выделить цвет продукции — все-таки очень важный параметр для ламината

Перекомпоную

Еще раз перекомпоную

А может все-таки синенький?

Или больше графики?

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

Пробую по-другому

Есть идея для каждого товара сделать иконку.

Причешем, поправим

Ок.

А что с акционным ценником?
А вот что

Да, надо же переделать самый первый макет

Вжух и готово!

Конечно, дизайн нужно пробовать в бою.
Неплохо было бы распечатать ценники и поместить их на прилавки,
чтобы понять насколько данное решение удачно.
Красота макета — это хорошо, но еще важно, чтобы он корректно работал.

Что думаете, Материк?

18 июня   Материк   ценник

Call to action, Карандаш!

Во времена, когда уже никто не пользуется флешками, логично
на сайте салона оперативной печати дать возможность прислать свой
файл печатникам, а потом заехать в назначенное время за распечаткой
(или воспользоваться доставкой).

Так думал я, когда открывал сайт самого популярного салона в Минске.

И как вы думаете есть у них эта возможность? Конечно же, блядь, есть!

Не ищите ее на первом экране. Заветная кнопка немного ниже — в футере!

Карандаш, технологии дают вам возможность создать кнопку,
которая будет приносить вам деньги при нажатии. Больше нажатий — больше денег!
И что вы делаете? Засовываете эту кнопку в подвал!

Вот как должно быть.

31 мая   web   карандаш

Поможем Лизе!

Постоянный читатель прислал мне вот этот макет с просьбой переверстать

Надо сказать, что этот дизайн не так уж и плох.
Несмотря на вырвиглазные цвета, ужасную типографику, растянутые логотипы,
полное отсутствие разумной структуры, стилистика макета хорошо узнаваема
и считываема — именно так оформляется большинство объявлений о пропаже человека
или призыве помочь. Можно за секунду понять тематику плаката,
и несмотря на весь ужас в оформлении, разобраться куда перечислять деньги.

Но я все-таки попробую что-нибудь с ним сделать.

Задача усложняется тем, что практически ничего
нельзя выкинуть из макета, чтобы получить больше свободы для верстки —
каждый источник получения пожертвований важен.
Поэтому надо готовиться к тому, что верстать придется плотнячком.

Начнем. Наберу текст, найду фотку в гугле.

Адрес PayPal сделаю QR-кодом — такой набор символов
никто набирать не станет.

Попробую собрать внятную конструкцию

После первых попыток пришел к выводу, что удобнее будет макет перевернуть
(листаем галерею).

Не нравится, что заголовок мелкий, надо его сделать хорошо заметным —
обычно такие плакаты вешают на афишных тумбах.

Покрасим заголовок

Примерим

Заголовок, несмотря на свою крупноту, плохо виден.

Надо попробовать немного по-другому

Заодно парочку других цветов

Примерим еще раз

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

Сделаю вертикальный формат.

Скопирую компоновку из горизонтального формата

Не нравится, надо попробовать по-другому

Хорошо, но заголовок с плашкой будет виден лучше.

И парочку других цветов (листаем галерею)

Примерим

Ранее Ctrl + ↓