Задача:
2010год. Участие в конкурсе на сайте freelance.ru на лучший дизайн трёх макетов сайта визитки с каталогом для салона по пошиву танцевальных костюмов “Павлин”. А также выполнить HTML вёрстку макетов. Заказчиком предоставлен логотип и общие пожелания по стилистике сайта. Необходим интересный запоминающийся дизайн передающий настроение концерта, танцевального шоу. Как основа участникам был выслан логотип салона:
Процесс:
Основная идея оформления сайта – создать атмосферу закулисья, ведь именно там происходит вся основная деятельность салона (подбор тканей, пошив костюмов). Поэтому в качестве фона выбран нейтральный, чуть затемнённый серый фон. Силуэты осветительной техники, необычные шрифты, напоминающие надписи на афише, чуть небрежное расположение ссылок навигации, создающие творческий беспорядок, элементы кирпичной стены и конечно же яркие, большие иллюстрации. Благодаря этому я попытался окунуть посетителя сайта в требуемую атмосферу творчества и настроить его на нужную волну.
Основой дизайна страниц стали крупные яркие иллюстрации. Слева от них располагается логотип, контактные данные и ссылки на информационные страницы сайта “О нас”, “Контакты”, “Новости”. Справа от иллюстрации графически оформленные ссылки на основные разделы сайта “Магазин”, “Ткани”, “Аксессуары”, “Ателье”, “Акции”.
В центральной части главной страницы располагается приветственный текст с возможными изображениями. Справа блок для спец.предложений. В “подвале” дублируются ссылки на все разделы сайта и телефон.
На странице “Ателье” по желанию заказчика я сделал иллюстрацию в ярком стиле на основе фотографии реального мастера ателье “Павлин”. В центральной части страницы расположил текст с приветствием от портного и её фотографию. Ниже блок с выборочными примерами выполненных работ с ссылками на подробное описание каждой.
Для страницы “Магазин” я сделал иллюстрацию в общем стиле с изображением танцовщицы с акцентом на ткань, так как ткани для костюмов это основное направление розничной торговли салона.
Ниже блок с ссылками на группу товаров и небольшим описанием справа.
Под ним располагаются ссылки на продукцию в виде фотографии образцов и наименования под изображением.
“Подвал” остаётся неизменным, для удобства доступа в любой раздел сайта одним кликом.
До начала полноценной работы сайта, на домене висела заглушка с формой обратной связи в виде сценического занавеса за которым проглядывались очертания иллюстрации главной страницы. По завершению конкурса, заказчик выбрал мои эскизы в качестве победителя.