Переверстка: письмо из Пикпоинта

Михаил Озорнин — Mon, 03 Dec 2018 13:15:06 +0300

Сеть постаматов Пикпоинт присылает письмо, когда заказ приезжает в постамат.

Письмо выглядит так:

Наверное есть какие-то объективные причины почему оно такое. Покажу как я бы его переделал, почти не меняя информацию в письме.

Самая важная часть письма — код, вот она:

Мой вариант вышел таким:

Не буду описывать процесс, вот что делал:

минимальная редактура: написание дат, тема письма, советы и прочее,
код получения — самое важное, он сделан крупно,
график работы и адрес постамата вытащены из ссылки «Здесь»,
информация о заказе перенесена ниже, она не так важна,
убраны картинки-иллюстрации к трем советам,
логотип из подвала поднят наверх, справа как раз место для него,
изменен адрес отправителя (вспомнил уже только в мобильной версии, в десктопной не стал менять).

Мобильная версия. Мне она кажется важней, тот случай когда mobile first. Перед постаматом я всегда стою с открытым письмом, там нужный мне код.

Что осталось нерешенным:

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

Переверстка: объявление о лифтах

Михаил Озорнин — Fri, 12 Oct 2018 00:04:45 +0300

У нас в офисе изменилась схема движения лифтов. В связи с этих бизнес-центр поставил объявление со схемой.

Мне кажется, в нем есть некоторые проблемы, в этом после я попробую привести его в порядок.

Вот объявление:

Шаг 1: Убрать все лишнее

Сначала нужно убрать дублирование, его здесь очень много:

Шаг 2: сделать аккуратно

После этого можно аккуратно набрать ту же самую информацию. Заодно поставил заголовок покороче.

Шаг 3: прибраться

Писать все эти бесконечные этажи в столбик нет никакого смысла, проще же сократить. Заодно свесил левую стрелку ← влево, стало немного аккуратней.

Обратите внимание, что в строках лифты + этажи все поставлено с ног на голову: сначала рассказывается что использовать (лифты), а потом кому (этажи). Сначала нужно прочитать нижнюю строчку, чтобы выбрать этаж, а потом прочитать верхнюю, чтобы узнать куда идти. Меняю местами.

Обращаю внимание, что самое важное (куда идти) закрыто сверху каким-то объявление о дате изменения режима. Кому вообще нужна часто эта дата? — один раз прочитал и ладно. Поднимаю наверх этажи, опускаю вниз объявление. Заодно в тексте появился важный кейс — как попасть на парковку.

Разбираюсь окончательно со схемой работы этажей 0-3. В этом бизнес-центре 3-й этаж — уровень ресепшена (вот такой вот идиотизм) и объявление висит тоже на третьем этаже. Этажи 0-2 — служебные , нужны для погрузки и обычно не требуются обычным посетителям. Убираю их, кому надо — и так знает. Явно выделяю парковку в навигации.

Вот сейчас, кажется можно остановиться. Все картинки сразу:

К сожалению, изменения остались только в моем блоге. Я отнес переделанное объявление на ресепшен бизнес-центра. Секретарь сказала «спасибо, поменяем».

Видимо что-то пошло не так, объявление около лифтов все ещё старое.

Блог Михаила Озорнина: заметки с тегом переверстка

Переверстка: письмо из Пикпоинта

Переверстка: объявление о лифтах

Шаг 1: Убрать все лишнее

Шаг 2: сделать аккуратно

Шаг 3: прибраться