22 заметки с тегом

дизайн

Позднее Ctrl + ↑

Обучение в школе стажеров 1 ступень

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

Сертификат по окончанию

Как меня учили «дизайну»

До бюро я проходил распиаренный вебинар для дизайнеров. По их мнению дизайнер только рисует картинки. При проектировании страниц их подход был что-то вроде «крадите расположение элементов страницы у конкурентов». Текст даст заказчик, а сейчас можно вставить стандартный набор букв. И всё в таком духе.

Скриншот презентации школы «дизайна»

Другой подход у школы

По мнению бюро, дизайнер — «эталон квалификации, самостоятельности и порядочности. За ним идёт охота работодателей, потому что растить свои кадры никто не хочет и не умеет, а во всех прочих учебных заведениях учат неизвестно чему».
Меня учили разбираться в личном планировании, организации изменений на фирме клиента, написанию текстов в информационном стиле, правильном иллюстрировании текста, вопросах авторских прав, договорах и юридических аспектах, умению вести переговоры, пониманию как выруливать из сложных ситуаций. И только 2 из 6 дисциплин посвящены непосредственно дизайну: типографика и верстка, интерфейс и информация.

Дисциплины школы

Тестирование и дедлайн.

Каждую неделю нас ждало тестирование по разным предметам + задание (написать текст или сделать форму заказа). А вот тесты больше пугали, чем задания: в тестах могло быть 4 варианта ответа и из них может быть 4 правильных — не сообщается сколько в вопросе правильных ответов. Чтобы лучше решать, тесты я их распечатывал, решал в начале недели, один день отдыхал и перерешивал снова.

Однажды у меня получилось ответить на все вопросы правильно.

Дедлайн был в пятницу в 23:59. Это приучило работать и соблюдать дедлайн до конца недели. Один раз я не успел и заработал штраф. Под конец научился сдавать тесты и задание немного с запасом.

Курсовая работа и итоги

Самое веселое, что курсовую работу я делал в самолете, в хостеле, в автобусе, в кафе и ни разу не дома в спокойной обстановке. Курсач и поездка в Европу у меня совпали. За курсовую работу очень внимательный к мелочам Илья Бирман поставил мне 4 балла за логику, идею и эстетику. Честно говоря ожидал более низких оценок.

Курсовая: редизайн мебельного сайта

С 11 места я поднялся до 5-го из 53 студентов:

Скриншот рейтинга

Если бы полученные знания можно было сравнить с мышцами, то было бы как-то так:

Источник: 24warez.ru

Напоследок

  1. В школе ответственность на том, кто учится. Не понимаешь — твои проблемы. Обратной связи почти нет: были 2-3 вебинара и то по инициативе преподавателей, работы каждого студента не разбираются. Знания приходится выцеживать. Это сложно для тех, кто к этому не привык.
  2. Если дать этот материал без тестов, я бы ничего не запомнил. Самое глубокое погружение в тему было именно в моменты, когда я искал ответы на вопросы.
  3. Дизайнер — это очень-очень широкое понятие. Школа учит мыслить не вокруг оформительства, а вокруг подхода. Если раньше я думал, как красиво оформить форму заказа, то сейчас я думаю как убрать форму заказа, чтобы чаще заказывали.

Грубые ошибки в дизайне сайтов

Уже 3 недели учусь в школе стажеров Бюро Горбунова. За это время узнал про правило внутреннего и внешнего, теории близости, какие базовые элементы верстки есть и всё. Но самое главное: я стал видеть это в своих и чужих работах.

Правки по реальному проекту

Красным отметил дизайнерские замечания, в синей рамки — смысловые.

Сайт, предлагающий услуги по пескоструйке

В самом дизайне ещё есть много замечаний. Я отметил самые явные. Что-то еще смущает, пишите в комментарии.

P.S: Хотите получить комментарий по своей работе? Пишите.

 Нет комментариев    47   2017   дизайн   комментарии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видео

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

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

35

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

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

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

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

Книга сто советов дизайнеру

Обложка

Важные цитаты из книги фотками

Часть первая

Самые основные мысли:

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

Часть вторая

Самые основные мысли:

Люди читают 60% инфы, точнее просматривают.
Истории сильнее активизируют мозг, особенно если история ассоциируется с человеком
Вступление — Завязка — Кульминация — Поворот — Развязка
Что бы вызвать эмоцию — покажите картинку человека с этой эмоцией
Ограничения способствуют творчеству (заданные цвета, ограниченный размер, определенная форма, набор проектирования, строгие временные рамки)
Оплата картой менее болезней, чем наличкой.
Самый дорогой товар сверху
Меньше альтернатив = хорошо

 Нет комментариев    52   2016   дизайн   книги

Почему лучше подавать информацию через историю?

В книге «Сто советов дизайнеру» нашел интересное исследование, в котором через МРТ анализировался мозг людей получающих информацию в чистом виде или через историю. В первом случае активировались участки мозга, отвечающие за анализ слов (информация диктовалась). А во втором, так же подключались участки мозга, отвечающие за личный опыт и переживания. Рассказанная история запоминалась лучше, чем сухая выжимка фактов.

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

Конечная вариант логотипа

Логотип одного из наших клиентов

Если вы выпалили логотип в конечном варианте и без пояснений, то клиент смотрит на этот логотип и думает, а где еще варианты, почему так? Начинает искать недостатки, предлагает «поиграть со шрифтами» и т. д.
Как же быть в такой ситуации? Просто: рассказать человеку как проходил процесс, поиск идеи, плохие варианты и т. д.

Презентация логотипа клиенту через историю

Анализируем, что есть

Варианты логотипов, которые прислал клиент
Ассоциации и варианты логотипов конкурентов

Ассоциации дороги: темный цвет, белая или желтая разметка.
Начинаем поиск идеи...

Две полосы смотрятся интересно, желтый ― подходящий по тематике акцент.
Прорабатываем игру слов.

«Иконки с дорогой неплохие, но название сложное»

Задача ― вызвать ассоциации с укладкой асфальта, и иметь возможность масштабировать услуги в другие ниши

Берем название ДелоМир и упрощаем логотип, соединяем всё в одном элементе.

Конечная версия логотипа

Линии символизируют разметку, разделяют буквы в соотношении золотого сечения, массивный шрифт для ощущения надежности.

Логотип на визитках

Сравнивая свои ощущения, обычная демонстрация логотипа вызывает недоверие, а рассказанная история создания — доверие.

 Нет комментариев    54   2016   дизайн   мысли