Ещё есть сайт

Позднее Ctrl + ↑

Митапчик в Контуре

Контурчане молодцы, провели какой-то по счету митап.

Пример как не надо делать, если нет цели ничего не показать на слайде и заодно ослепить зрителей.

Еще больше фотокарточек

Untitled Document

Новый сайт «Планеты АВТО»

Задача: сделать возможным покупать весь ассортимент автотоваров на через сайт и привлечь дополнительную аудиторию клиентов. Для этого несколько сайтов шин и дисков будут объединены в один planetavto.ru



Помимо отсутствия регистрации и других барьеров для пользователей, сайт внимательно помогает разобраться в сервисном обслуживании автомобилей. Например, для этого специальным образом спроектирован «гараж». Он умеет подсказывать какие товары и услуги наиболее полезны для посетителя сайта. Умеет напоминать о сервисных регламентах и следить за прохождением ТО. При этом совсем не обязательно добавлять автомобиль, заполнять кучу скучных анкет. Маркетинговые инструменты тоже не остались без внимания. Например, привычные всем баннеры легко меняют свои пропорции и подстраиваться под пользователя, а в кабинете живёт много полезных штуковин


Корзина Планеты устроена таким образом, чтобы максимально сократить и облегчить оформление покупки. Можно сразу указать адрес доставки или выбрать магазин рядом.

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

Так планета выглядит в телефончике

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



Про кухню

До начала разработки нового сайта была накоплена определенная экспертиза и была готова бизнес инфраструктура. Это позволило сократить время на предпроектный анализ. Одним из существенных факторов в решении создать новый магазин был накопленный опыт и его метрики.

Эскизы и проверка идей
Начал я, понятное дело, с аналитики и системомании

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

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

Серия интервью и исследований
Собрав тестовые прототипы в перевязанный ХТМЛ, я отправился проводить интервью покупателей в магазинах Планеты АВТО. Опросил чуть больше 100 респондетнов. Часть людей согласились ответить только на вопросы, остальные опробовали прототип с тестовым сценарием, с интересом комментировали, отвечали на вопросы и задавали их сами.

Интервью — мощный инструмент, помогает не терять фокус в процессе проектирования. Часто возникает множество интересных штуковин и историй.
Результаты собрал в таблицу, сделал инфографику. Ещё долгое время мы с командой извлекали полезности и проверяли разные идеи на полученных данных.

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



Пример стартового экрана одного из прототипов для исследования


Версия 1.0
Прежде чем рассказать о минимальном жизнеспособном функционале, стоит отметить важность обозначения сроков запуска этих функций сайта. Мы не сразу смогли конструктивно сформулировать понимание сроков ЭмВиПи версии. В какой-то момент помог один из участников команды со стороны бизнеса. Нужно было просто вспомнить про полезное действие и просчитать срок запуска, исходя из его максимального коэффициента.

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

Если говорить только про проектирование получится такая картинка

Растянув инфографику на плоскости, можно получить штуку, привычную многим

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

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

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

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


Версия 1.1
Адаптивная верстка, подборщик товаров и множество мелочей увеличения функциональности сайта

Это маленький кусочек


Версия 1.2
В этой версии больше товаров сразу «на полке», открылся большой раздел с запчастями.


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


Позднее расскажу про промахи и как мы это исправляли.
Скоро или почти скоро про новые фичи в отдельной статье.

Untitled Document

Эдинбург и Шотландия

Эдинбург и его обитаемый мост

Крыши домов в центральной части города

Фотокарточки с улиц Лонмаркет и Каслхилл

В городе проходит кинофестиваль. В это время много туристов и вообще всего про кино и искусство. Участники фестиваля рассказывают о фильмах и зазывают на просмотр всевозможными способами

Если спуститься к центральному вокзалу по Уорристонс Клоуз, откроется такой вид

А ведёт к нему знаменитая лестница

Чтобы увидеть Эдинбург Касл и скалу на которой он стоит, нужно пройти ещё немного, к национальной галереи Шотландии

Чернобелый вариант

Отдаляясь от центра в сторону парка Холируд, взгляд зацепится за здание парламента Шотландии

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

Эдинбург расположен на берегу Ферт-оф-Форта — залива Северного моря. Море врезается в земли округов Лотиан, Фолкерк и Сити-оф-Эдинбург на  77 километров.

Вид с катера на один из первых в мире мостов консольного типа

Вблизи южного берега залива

Если сделать черно-белую фотографию одиного из двух маяков Форта, получится кадр исторической хроники

Парочка, возмущенная нашим приближением

Закат и ещё один мост через залив

Следующая остановка севернее от берегов реки Форт, вблизи Стерлинга и монумента Уильяму Уоллесу.
Сам монумент с двуручный мечом внутри башни выглядит так

Территория Стерлингского университета, сам Стерлинг и окрестности города

В университет можно получить научную степень, например, по футболу.

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

Невероятно кайфовая дорога к озеру Лох-Несс

Само озеро Несс

Фьорд Лох-Дуйх и замок Эйлен-Донан

Замок снимали в нескольких фильмах, «Горец», Джеймс Бонд — «И целого мира мало». Но крутость замка в другом, внутри него музей и там кайф (фоток не сделал).

И наконец несколько фотокарточек с острова Скай

Если сфоткать с кривыми настройками баланса белого, получится так

Я и аил оф Скай

Untitled Document

Цены

Задача: сделать таблицу удобную для чтения


Решение

Untitled Document

Знания через игры



Я катаюсь на лыжах и доске уже много лет. Падений, за это время, было достаточное количество. Но опыт перелома костей получил впервые.
Как-то, ещё в школьном возрасте, катаясь ночью, на всей скорости налетел лицом на трос подъемника. Трос с лязгом и характерным костным звуком прокатил по черепу и слегка оттянулся как резинка, вобрав в себя часть энергии от моей скорости. Спустя мгновение, трос подкинул меня в воздух, выстрельнув как рогатка. В полете я совершил двойной задний бэкфлип и упал в глубокий снег.
Только спустя несколько месяцев я осознал, на сколько встреча встреча с тросом была лишена печальных последствий для глаз и остальных органов головы.
Примечательно, что во всех, даже самых эпичных и серьезных падениях до этого я получал новый опыт. В этот раз я сломал себе два ребра, но в момент хруста костей внутри тела я вдруг понял, что подобное я уже переживал. Дело в том, что упал я обычно, боль и дискомфорт от удара были вполне привычные. Но вот звук я распознал сразу. Благодаря серии игр Мортал Комбат, я смог за доли секунды понять что именно произошло и не терять драгоценное время.
Каталку этого дня и много другого можно посмотреть, подписавшись на мой Ютуб

Не теряйте концентрацию в горах, играйте только в хорошие игры.

Untitled Document

Компьютерщик

Заменяю, починяю. Вжух…
Задача: заменить сдохший аккумулятор

Заводская батарея стала экстремально быстро разряжаться и появился странный запах из корпуса. Но при этом МакОС по прежнему считала, что с аккумулятором всё ОК. Только в последние несколько дней появилось сообщение «Требует обслуживания».

Процесс

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

Бюджет: 3500 ₽ + 1 час работы

Untitled Document

Церматт

Подьем 1600→3920, спуск 3920→1860

Спуск с ледника

Untitled Document
Ранее Ctrl + ↓