Московский: Дизайн & Тимлид: заметки с тегом проекты

Дизайн мобильных приложений. Летний интенсив в Британке

Sun, 21 Jun 2020 14:33:25 +0100

После обучения в Бюро Горбунова я хотел попасть на обучение в Британку. Это случилось на летнем интенсиве 2019. Расскажу про свой опыт и проект, который мы там делали.

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

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

На лекциях было много информации от разных спикеров.

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

Наша презентация не обошлась без юмора

Наш концепт Яндекс Почты

Один из слайдов из презентации

Мое мнение: на интенсив я пошел уже имея за плечами почти год работы в Яндексе. Там еще раз прошелся по знакомым темам и структурировал знания. Узнал, что-то новое, но многое уже знал. Плюс прокачал навык презентации. Новичкам советую. Ссылка на интенсивы

Проект Здоровье

Mon, 08 Jun 2020 08:51:26 +0100

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

Посмотреть приложение можно внутри приложения Яндекс.

Дизайн счетчика баллов в репетиторе

Sat, 29 Feb 2020 23:06:25 +0100

Какое-то время назад я помогал сервису Яндекс Репетитор повысить вовлеченность учеников. Для этого команда предложила сделать счетчик баллов. В итоге появился блок с баллами, блок и раздел с достижениями ученика.

При выполнении задания счетчик растет, можно перейти в достижения и посмотреть свою статистику

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

При достижении определенных значений — выдается награда с анимацией

Воркшоп от Яндекса: интерфейс покупки криптовалюты

Sun, 01 Apr 2018 22:20:05 +0100

Задача: разработать интерфейс покупки криптовалюты.

Решение с анимацией:

Интерфейс покупки криптовалюты

Подробно:

Решение, которое я отправил в Яндекс на проверку

Результат

Приглашение на воркшоп

Как мы месяц снимали для ютуба пять минут

Sat, 02 Dec 2017 20:20:55 +0100

Сейчас почти готов первый выпуск проекта для ютуб-канала Тинькоф Журнала. Позади 4 недели съемок одного и того же материала, но теперь мне стал нравиться результат, а это самое важное.

Окунутся в совершенно не знакомую тему меня сподвиг конкурс Тинькоф журнала: нужно было сделать познавательный ролик, чтобы было интересно смотреть и было красиво. Я загорелся: начал искать тему, продумывать сценарий, смотреть ролики, искать идеи. Однажды в моём офисе с девушкой мы накидали около 7 тем, про которые более или менее можно рассказать. В итоге выбрали стоматологию.

Подготовка

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

Склеиваю картонные коробки для софт-бокса

Позже заказал из Китая второй софт-бокс. Всем, кто надумает делать из-за экономии — оно того не стоит: денег на материалы я потратил 1200 р, а китайский стоит 1700 р. Но было приятно что-то сделать своими руками. И вот мы начинаем снимать: я сажаю ведущую, даю ей сценарий. Сценарий весь можно прочитать за 5 минут. Но вот рассказать на камеру — совсем другое. Во-первых, это непривычно: обычно мы говорим с людьми, а тут линза. Во-вторых, есть волнение и желание всё говорить идеально. Из-за этого мы снимали 6 часов и час ушёл на настройку оборудования методом «тыка».

«Студия» съемки: 2 софтбокса и куча ламп для освещения. За окном поздний летний вечер.

Монтаж

Сейчас я мало знаю про монтаж, тогда не знал практически ничего: сводил голос с телефона и видео вручную (можно автоматически), постоянно смотрел видеоуроки и пробовал-пробовал. За 2 дня смонтировал ролик. Но мы поняли — что ведущая рассказывает не энергично и решили переснять.

Первый ролик: сейчас уже стыдно показывать.

Уже тогда сроки конкурса поджимали, и получилось переснять только в день сдачи. Вот сажусь за монтаж и меня ждет сюрприз — оказывается звук не записался, а взять его неоткуда. Я все же сделал монтаж ролика за час до дедлайна, но отправил первый ролик на конкурс. Было обидно, но урок хороший: «проверяй звук и видео».

Более бодрое видео, но без звука.

Конкурс

Всего было 5 призовых мест. Я всем говорил, что не надеялся победить, но на самом деле надеялся. После сдачи работы я искал в ютубе видео участников: их было немного (мало кто подписал свои работы, поэтому не удалось найти).

В день объявления результатов узнаю, что прислали 101 ролик, тут я расстраиваюсь. Потом читаю дальше: «В основном, победители из Москвы, но есть ребята из Ульяновска, Рязани, Пензы и Чебоксар». Я пока не знаю победили ли мы, но в тот момент эмоции зашкаливали. Я судорожно, не знаю от волнения или от страха проигрыша, перешёл на экран победителей. Оказалось мы заняли 7-е место, но они вместо 5 призовых сделали 10.

То волнительное сообщение.

Новый ролик

Затем нам предложили снять ролик для Т—Ж, но тут уже нужно подойти более профессионально. Я заказал освещение, фон, привлёк товарища для шуток и стали снимать. Первый монтаж — был не очень. Второй лучше, но одежда ведущей сливалась с фоном и теряется качество видео, при увеличении.

Снимаем третий раз: я взял в аренду вторую камеру, свет. Снимали на две камеры, переснимали дубли, каждое движение в кадре было спланировано. Но в итоге всё-таки допустили новую ошибку: ощущение, что ведущая смотрит в сторону. В этот момент мы устали: больше всего устаёт ведущая. На неё светит свет, который греет, комната закрыта, чтобы не было звука, нужно учитывать положение волос, не блестит ли лицо и куча мелочей.

Приходилось делать перерывы, потому что нет второго аккумулятора

Техника имеет значение. Редактор посоветовал снять на камеру 4к и даже помогла найти прокат в Рязани. Там я увидел студию, для видеосъемок. Просто невероятно большая площадь, обтянутая зеленым экраном, больше чем моя квартира. Михаил, который давал камеру в аренду, оказался режиссёром и рассказал, что тут снимал свой фильм. Сказал, что и многие блоггеры приходят снимать в эту студию. Я не ожидал такое увидеть в нашем городе.

Часть студии

Взял камеру в аренду, стоимость 300 тыс. И стали снимать. Я не разобрался в настройках и мы снимали на автомате. Видео оказалось засвеченным, но на постобработке удалось вытянуть и сделать красивую картинку.
Сейчас идут последние штрихи и корректировка титров. Ниже можно посмотреть финальный результат. А походу съемок у меня возникли идеи для еще одного проекта, связанные с видео, но про это потом.

Вывод: практика — лучший учитель. Ввязывайтесь в сложные проекты и вы узнаете много нового.

P.S: Бывало такое? Поделитесь опытом.

Проект «Септики»

Fri, 14 Jul 2017 22:00:48 +0100

Полезное действие: показать какие бывают септики, как они работают, сколько стоят и предложить оставить заявку.
ЦА: владельцы частных домов, «дачники». Чаще всего мужчины 30-50 лет.

Первый экран сразу все рассказывает про септики

Первое, что видит человек — заголовок про монтаж септика, подзаголовок и схему устройства. Для большей информативности схема подписана, а под схемой три блока с выгодами сотрудничества. В какой-то мере этот блок стал «клеше», но мы разместили полезные фото, а не бессмысленные иконки.

Скриншот первого и второго экрана

Самый кайф в анимации:

Посмотрел на анимацию и понял принцип работы

Приятная деталь для широких мониторов:

Крот в углу монитора вылез посмотреть

Важная информация на 1-м месте

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

Информация о каждом септике и полная информация по ссылке

Культурное предложение спросить совета у профессионала, без крика, красной кнопки «купить» и счетчика.

Форма сбора контактов и опубликованный договор с важными пунктами

Над проектом работали:
Дизайн, проектирование и написание текстов: Дмитрий Московский, Илья Трунин.
Программирование: Андрей Тиньков.
Благодарность за активное участие и терпение Михаилу Екишкину.
Для связи: sxep@ya.ru

Дизайн для магазина матрасов

Sun, 26 Mar 2017 18:39:13 +0100

Проект ai-кухни

Sat, 03 Dec 2016 21:53:13 +0100

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

Особенности: ай-кухни стараются делать хорошие кухни на долгий срок. Они используют качественное ЛДСП, внутри оно только белого цвета. Фурнитура немецкая, ручки на выбор и тоже качественные. Отверстия просверлены с умом, ничего не скрипит. При желании фасады можно снять и купить на их место новые. Замена очень простая. В общем они стараются делать хорошие кухни. Однако, стоимость хорошей кухни выше, чем кухни «из гаража». Поэтому главная задача у продавца — показать качество товара при приходе в магазин или при общении по телефону.

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

Делаем главную страницу и под каждую кухню страницу с её описанием. Ищем главную картинку, узнаем что спрашивают клиенты, какие кухни бывают, как их делят и т. д.

Прототип сайта

Решаем сфотографировать магазин и показать его на 1-м экране.

Количество фотографий

Собираем панорамной фото для 1 экрана. Есть 2 варианта:

Панорамные фото

Работаем с текстом: приводим штампованный текст к более человеческому:

Было:
Современные кухни — это сочетание эргономичной функциональности и изысканной простоты. Для создания удобного пространства над каждой кухней трудится дизайнер, создавая ее с учетом ваших индивидуальных черт. Для безопасности вашей семьи при производстве используются комплектующие экологического стандарта Е1, из которых делают детскую мебель.

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

Показываем клиенту.

Акцентные места для согласования

Итоговый сайт

Видео

Маркетинговые показатели

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

35

обращений
за месяц

За июль 2017 было 35 обращений: 18 из которых заполнили форму на сайте, остальные позвонили.
При этом количество переходов на сайт 1139. Средняя цена клика 21,75 р.

Cкриншоты почты и директа

Адрес сайта: http://ай-кухни.рф
Проект выполнили: Московский Дмитрий и Трунин Илья
Программист: Андрей Тиньков