WEB
A2 Дизайн сайта для строительной компании Задача: Дизайн сайта должен транслировать строгий профессиональный подход компании и рассказывать о ее деятельности емко. Требовалось выдержать конструктивный фирменный стиль компании и обойти штампы, встречающиеся на сайтах конкурентов. Требовалось не использовать заезженные клипарты типа улыбающихся строителей и т.п. Решение: Строгость и минимализм в композиции и цвете. Отказ от обилия имиджей впользу цельности и коппозиции страниц. Активное использование треугольников и диагоналей для связи с фирмнным стилем. Конструктивная связь экранов сайта посредством фонового элемента на основе контурного начертания логотипа. В слайдере на первом экране и на последующих экранах есть утверждения, которые должны убеждать посетителя что здесь все строго и профессионально. Они поданы акцидентными блоками.
Важным элементом композиции сайта является конструкция на базе контурного варианта логотипа. Она проходит вертикально черз весь сайт, все блоки на страницах «завязаны с ней».
Рассматривлся и такой вариант с изображениями и белым фоном
Весь сайт
Один из экранов сайта при разрешении 1280 x 1024
Кнопки переключения подразделов на каждой странице - треугольники с плоскостными иконками
Утверждения, которые должны убеждать посетителя что здесь все строго и профессионально, на каждой странице поданы акцидентными блоками на плашках
Полоса главного меню продублирована для наглядности - на самом деле она конечно закреплена под верхним краем окна браузера а все остальное прокручивается.
МГЦ
Международный генеалогический центр
Дизайн сайта для компании, занимающейся генеалогическими исследованиями Задача: Дизайн сайта должен увлекать посетителя атмосферой, убеждать что здесь работают люди, соприкасающиеся с прошедшими столетиями, исследуя большое колличество материалов в архивах в разных концах нашей страны и мира. Первоочередной аудиторией сайта будут секретарши людей, которые хотят исследовать историю своего рода. Именно им будущие заказчики услуг делегируют первоначальный отбор сайтов компаний, для последующего самостоятельного рассмотрения. Поэтому дизайн должен быть представительным и «богатым», возможно даже на грани излишества, чтобы привлечь внимание ЦА. Решение: Использование шрифтов и типографических композиций, отсылающих к концу 19-началу 20 века, гравюрных иллюстраций и текстур создающих тмосферу.
Главная страница сайта
Страница с основными услугами компании
На сайте есть несколько важных нумерованных списков. Нумерация состоит из крупного номера пункта наложенного на гравюрное изображение. Шрифт Bodoni красив и в крупном кегле и работает на атмосферу.
Имиджевые изображения и короткие увлекательные текстовые блоки в слайдере на главной странице рассказывают о масштабах проводимых компанией исследований в ненавящевой интересной форме. В тексте интересные данные о статистике работы компании. Блоки заверстаны с отсылом к типографике конца 19-начала 20 века.
Страница об индивидуальных услугах
Страница о компании Компания имеет два офиса, в Москве и СанктПетербурге. Поэтому на странице контакты есь две вкладки о них и при выборе вкладки google карта меняется на соответствующую
Страница о контакты
Атмосфера создается сочетанием темно красного благородного цвета фона (с текстурой писем и документов), серебряного цвета богатой рамки и текстурой бумаги
Развитие Дизайн сайта для компании, занимающейся продажей, проектировкой и реализацией индукционного освещения Задача: Дизайн сайта должен сразу сообщать посетителю что компания решает задачи от продажи ламп до разработки и реализации масштабных проектов по освещению. Дизайн должен быть светлым и соответствовать фирменному стилю компании. Решение: Использование плашек фирменного цвета и диагоналей, которые есть в фирменном стиле. Подача в слайдере на главной странице как фото лампы и так и фото реализованного объекта - для сообщения о диапазлне услуг компании.
960 px
1440 px
1920 px
Для легкости и скорости восприятия разнородной информации о проекте важно было разделит ее логически и подавать на странице структурированно
Пожалуй самыми важными страницами сайта являюется страница осуществленного проекта в портфолио и страница карточка товара На их примере показано как сайта адаптируется к диапазону разрешений от 1024x768 до 1920x1080
Для каждого типа освещения предусмотрена иконка. Эти иконки используются на главной странице, в каталоге и на других внутренних страницах в заголовках
Страница индукционный калькулятор
Страницы формы заявки с рассчетом содержат довольно много полей
ratrack-service
Главная страница
Дизайн сайта для компании, занимающейся продажей оборудования для горнолыжных склонов
Страница карточка-товара
Мастер инструмент Дизайн сайта для компании, занимающейся продажей оборудования для авторемонта Задача: Дизайн сайта должен соответствовать фирменному стилю компании, быть технологичным но в то же время светлым и современным.
Решение: Использование диагоналей и геометрических элементов, фирменных цветов, шрифт Intro смотрится технологично, локоничная цветовая гамма отсылающая к цветам часто встречающимся в самой продукции.
Оформление «Хлебных крошек» вписываются в общее геометрическое решение сайта
Первоначальный концепт содержал диагональный фон и имел легкую шапку но с необходимым минимумом опций
Компания имеет представительства во многих городах РФ и СНГ. Поэтому в адресном блоке есть переключатель города
Плашка под ценой выдержана в геометрии, отсылающей к геометрии техники
В финальном дизайне ради наглядности и удобства а также интуитивно более понятного традиционного дизайна и организации страниц пришлось отказаться от диагонали на фоне и сделать шапку более наполненной
Компания имеет широкую дилерскую сеть по РФ и СНГ. Она отражена на карте на странице Дилеры. При клике на город страница автоматически прокручивается до нужной части списка а блок соответствующий выбранному городу выделяется рамкой
Компания имеет два офиса, и офис-склад. Поэтому на странице контакты есь три вкладки о них и при выборе вкладки информация и google карта меняется на соответствующую
Legacy wealth management Дизайн сайта для компании, обслуживающей семьи с очень высоким уровнем благосостояния Задача: Дизайн сайта должен говорить о компетентности компании. Должен создавать ощущение уверенности, защищенности и выполнения обязательств перед клиентами.
Решение: Ограниченная черным, белым и оттенками сего цветовая гамма, спокойная и деловая, в тоже время приятная. Имиджевое изображение на главной странице ассоциируется, с крепкостью, защитой, уверенностью и благополучием, практически иллюстрируя слоган.
Весь макет главной страницы адаптированный для iPhone
Был разработан адаптивный дизайн каждой страницы сайта
Меню сайта на мобильном устройстве расположено внизу каждой страницы. Это наиболее надежное и распространенное на момент разработки решение.
КТК Дизайн сайта для консалтинговой компании Задача: Дизайн должен быть в рамках фирменного стиля. Впечатление требуется позитивное но деловое. Сайт содержит большое колличество текстового и фото контента, его требуется подать структурированно. Главная страница должна сразу рассказать о всех предложениях компании. Решение: Для подачи большого колличества разнообразных продуктов и предложений компании отлично подходит трендовая блочная структура для главной страницы. Она будет удобна также и при заходе на сайт с планшета благодаря крупным кликабельным блокам.
Для того чтобы подчеркнуть «многослойнойсть» блоков сайта во всех шапках продуктов компании какие то элементы изображения вылетают под главное меню.
Фильтр для просмотра расписания на год, квартал или месяц
Из-за обилия контента и необходимости уточнения информации по желанию посетителя на сайте много всплывающих окон.
Страница мероприятия, одна из самых важных
Страница расписания, одна из самых важных
Страница всех преподавателей
Блоки выезжают чтобы подчернуть структуру контента и создать ощущение многослойности страницы. При разрешении 1024 px они все съезжаются чтобы вместиться в разрешение 960 px.
Страница преподавателя
ПРОЧЕЕ
Страниц
Логотип для event агенства
Логотип для студии мозаики
лого в ч/б варианте
страница-заглушка для сайта
Элементы фирменного стиля студии мозаики
Концепт знака для бренда творога и сметаны
Фирменный стиль для строительной компании СтройТехКомлекст строительная компания каких миллион хочет технологичный современный деловой фирменный стиль.
Экскаваторы погрузчики
Телескопические погрузчики
Экскаваторы
Самосвалы
Башенные краны
Логотип обувного магазина
Концепт дизайна упаковки и рекламной кампании вина CHIANTI «Легенда» вина связана с победами знаменитого итальянского гонщика в ралли 1932 года - это отражено в бутылке. Рекламная кампания же разыгрывается уже не через историю гонок, а обыгрывает настроение и слоган «Лови кураж!»
Инфографика
Инфографика
СПАСИБО!