Идет загрузка


ДИЗАЙН ШАБЛОНА ДЛЯ САЙТА УНИВЕРСАЛЬНОГО назначения


 - (с) Портфолио дизайнера Игоря Мальцева

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

На главной иллюстрации к статье - дизайн шаблона для универсального сайта. Прототип главной страницы

Определение задачи для дизайнера

Тексты и заголовки при таком подходе условны и служат только для иллюстрации работы дизайна в веб-среде. Достаточно ярко оформлена вводная часть, блоки статей, разделов галереи и портфолио – более классически сдержанно (при этом подразумевается возможность «рулить» в плане дизайна к тому или иному берегу, либо искать гармонию в сочетании существующего решения), при этом много воздуха, рекламная подача страницы в целом, когда фон сайта и поле контента служат такими же дизайнерскими объектами, призванными создавать выразительный образ веб представительства компании клиента. 

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

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

Структура страницы веб сайта

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

 

 дизайн шаблона для универсального сайта. Прототип отдельной страницы информационной статьи с вариантами блока комментариев

дизайн шаблона для универсального сайта. Прототип отдельной страницы информационной статьи с вариантами блока комментариев

дизайн шаблона для универсального сайта. Прототип блока новостей, статей в виде карусели материалов

дизайн шаблона для универсального сайта. Прототип блока новостей, статей в виде карусели материалов

 

 дизайн шаблона для универсального сайта. Прототип страницы раздела статей с блоком «подобные материалы»</

дизайн шаблона для универсального сайта. Прототип страницы раздела статей с блоком «подобные материалы»

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

Назначение создаваемого сайта

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

Разработка прототипов веб страниц

Для создания прототипов пользуюсь программой Figma, делающей работу над проектом более легкой и удобной, кроме того использую адаптивную сетку bootstrape, также позволяющую решить многие проблемы веб-разработки. Связка, уже ставшая привычной дизайнерам, короче…

 

 дизайн шаблона для универсального сайта. Прототип галереи изображений

дизайн шаблона для универсального сайта. Прототип галереи изображений

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


дизайнер И Мальцев

Игорь Мальцев, дизайнер

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

Сделать заявку на разработку дизайн-проекта