DemidZolotukhin

Разработка сайтов и веб-приложений. Специалист из Красноярска

  • Тел.: +7 (391) 214-02-48
  • E-mail: demidzolotukhin@gmail.com

Задача:

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

Результаты:

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

Разработка:

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

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

Фронтенд программирования было сделано только с ипользованием JQuery фреймворка, Но HTML/CSS был выполнен на нативном коде без использования Bootstrap. В этом мне помогал мой друг и настоящий профессионал Андрей Гринчук из Киева.

Вся сборка была выполнена на CMS Wordress. Поиск с автоподсказками реализован на технологии поиска и выделенной индексации сайта Swiftype.

— Главная —

Дизайн главной страницы Этл-сервис

Рисование иконок было выполнено в пакете Adobe Illustrator. Лучший инструмент для рисования иллюстраций в «векторном» стиле. Иллюстрация состоит не из мазков пикселей а из геометрических фигур каждая из которых является независимым объектом. Благодаря этому можно перекомпановывать или менять ракурс композиции.

На изображении ниже представлен процесс рисования иконки «Зуботехнический мотор». Разным цветом показаны кривые и объекты которые являются контурами тенями и бликами пиктограммы

Иллюстрация медицинского станка для Этл-сервис

— Категория товаров —

Дизайн страницы Категория товаров. ЭТЛ-сервис

— Товар —

Дизайн страницы Товар. Этл-сервис