С чего начинается дизайн сайта?

20-летний опыт дизайна полиграфии.
Презентации, буклеты и каталоги. Тексты, постеры и рекламные материалы.
тел: +7 929 605 0579

[vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»full_width» oblique_section=»no» text_align=»left» css_animation=»» box_shadow_on_row=»no»][vc_column][vc_column_text]Что нужно для разработки дизайна сайта? На этот вопрос приходится отвечать очень часто. Были попытки сделать бриф на дизайн. Но, видимо, бриф заполнять скучно и все сводится к нескольким формальным фразам. Иной раз удивляешься: разное время, разные люди и совершенно разный бизнес, а слова одни и те же) Поэтому мы решили разложить все по узким и прямым полочкам.

Итак. Для разработки дизайна сайта, для начала, необходимо ответить на простые вопросы. Сделать это лучше в свободной форме, без специальных таблиц или брифов. В форме эссе. Чем больше Вы напишите, тем легче дизайнеру.

С чего начинается дизайн сайта

Типографика в веб-среде важна не менее чем каллиграфия в древней Японии


6 вопросов, важных для разработки сайта:

  1. Название сайта и доменное имя. Придумайте его сами и возьмите помощь зала)
  2. Вид сайта: коропоративный, личный, портал, новостной журнал, блог, интернет-магазин и т.д.
  3. Цель создания сайта. Например: вывод на рынок нового продукта, открытие нового онлайн-сервиса, развитие бизнеса и т.д. Укажите, пожалуйста, вашу причину.
  4. Есть ли специальный срок, к которому сайт нужно выпустить?
  5. Какие задачи сайт должен решить? Например: “информирование рынка о наших продуктах” или: “сайт станет нашим основным инструментом продаж”, или “мы с помощью корпоративного блога хотим получить неформальную обратную связь…” и т.д.
  6. Структура сайта. Вам нужно составить карту сайта. Лучше всего это сделать в виде нумерованного списка с несколькими уровнями. Пример:

Главная страница
О компании
— органы управления
— миссия
— история
Каталог продуктов
— категория 1
— категрия 2
— подкатегория 2.01
— подкатегория 2.02
— подкатегория 2.03
— …
Наши партнеры
Галереи
Контакты

и т.д.

Структуру и карту сайта нужно придумать именно клиенту. Вы знаете сайты, которые можно считать примерами в своей отрасли, Вы предполагаете что за контент будет размещен на сайте. Если не решить все это «на берегу», то мы будем работать долго… стоить это будет дорого и результат непредсказуем.

Ответ: “сделайте как у компании “Ф…“ или как у компании ”Ч…“  — не засчитывается (хотя это типовой ответ). Потому что потом придется переделывать структуру сайта и структуру подачи материала. Под тот контент, который Ваш, а не тот что размещен на сайте компании «Ф…»[/vc_column_text][/vc_column][/vc_row][vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»full_width» oblique_section=»no» text_align=»left» css_animation=»» box_shadow_on_row=»no»][vc_column][vc_empty_space height=»64px» image_repeat=»no-repeat»][vc_separator type=»normal»][vc_column_text]

Дизайн-студия «Точка печати»

[/vc_column_text][vc_separator type=»normal»][vc_empty_space height=»64px» image_repeat=»no-repeat»][vc_row_inner row_type=»row» type=»full_width» use_row_as_full_screen_section_slide=»no» text_align=»left» css_animation=»» box_shadow_on_row=»no»][vc_column_inner width=»1/4″][vc_single_image image=»51361″ img_size=»full» alignment=»center» onclick=»custom_link» qode_css_animation=»» link=»http://dot-print.ru/design_broshure/»][vc_custom_heading text=»ДИЗАЙН БРОШЮР» font_container=»tag:h3|font_size:20|text_align:left» google_fonts=»font_family:Yanone%20Kaffeesatz%3A200%2C300%2Cregular%2C700|font_style:400%20regular%3A400%3Anormal» css_animation=»fadeIn» link=»url:http%3A%2F%2Fdot-print.ru%2Fdesign_broshure%2F|||»][vc_separator type=»normal»][vc_column_text]Разработка брошюр — это наша специализация. Мы делаем оригинальные премиальные брошюры. Красивые, современные, яркие. Помогаем составить текст и структуру, делаем проверку орфографии, подбираем иллюстрации.[/vc_column_text][vc_empty_space image_repeat=»no-repeat»][no_button icon_pack=»» target=»_self» font_weight=»» text=»дизайн брошюр» link=»http://dot-print.ru/design_broshure/»][vc_empty_space image_repeat=»no-repeat»][/vc_column_inner][vc_column_inner width=»1/4″][vc_single_image image=»51362″ img_size=»full» alignment=»center» onclick=»custom_link» qode_css_animation=»» link=»http://dot-print.ru/design_calendar/»][vc_custom_heading text=»ДИЗАЙН КАЛЕНДАРЕЙ» font_container=»tag:h3|font_size:20|text_align:left» google_fonts=»font_family:Yanone%20Kaffeesatz%3A200%2C300%2Cregular%2C700|font_style:400%20regular%3A400%3Anormal» css_animation=»fadeIn» link=»url:http%3A%2F%2Fdot-print.ru%2Fdesign_calendar%2F|||»][vc_separator type=»normal»][vc_column_text]У нас очень большой опыт в разработке календарей. Настольных и настенных. Различные форматы и размеры, различный объем. Мы делали календари, объем которых превышал 700 полос. На каждый день в нем приходилось по две страницы.[/vc_column_text][vc_empty_space image_repeat=»no-repeat»][no_button icon_pack=»» target=»_self» font_weight=»» text=»дизайн календарей» link=»http://dot-print.ru/design_calendar/»][vc_empty_space image_repeat=»no-repeat»][/vc_column_inner][vc_column_inner width=»1/4″][vc_single_image image=»51363″ img_size=»full» alignment=»center» onclick=»custom_link» qode_css_animation=»» link=»http://dot-print.ru/sozdanie_kataloga/»][vc_custom_heading text=»ДИЗАЙН КАТАЛОГА» font_container=»tag:h3|font_size:20|text_align:left» google_fonts=»font_family:Yanone%20Kaffeesatz%3A200%2C300%2Cregular%2C700|font_style:400%20regular%3A400%3Anormal» css_animation=»fadeIn» link=»url:http%3A%2F%2Fdot-print.ru%2Fsozdanie_kataloga%2F|||»][vc_separator type=»normal»][vc_column_text]Мы не только делаем дизайн и верстаем каталоги. Мы можем профессионально сфотографировать для них Вашу продукцию или объекты. Мы делаем премиальные издания, с выборочным лаком и тиснением, сложными разворотами и другими послепечатными историями.[/vc_column_text][vc_empty_space image_repeat=»no-repeat»][no_button icon_pack=»» target=»_self» font_weight=»» text=»дизайн каталогов» link=»http://dot-print.ru/sozdanie_kataloga/»][vc_empty_space image_repeat=»no-repeat»][/vc_column_inner][vc_column_inner width=»1/4″][vc_single_image image=»51364″ img_size=»full» alignment=»center» onclick=»custom_link» qode_css_animation=»» link=»http://dot-print.ru/presentation_design/»][vc_custom_heading text=»ДИЗАЙН ПРЕЗЕНТАЦИЙ» font_container=»tag:h3|font_size:20|text_align:left» google_fonts=»font_family:Yanone%20Kaffeesatz%3A200%2C300%2Cregular%2C700|font_style:400%20regular%3A400%3Anormal» css_animation=»fadeIn» link=»url:http%3A%2F%2Fdot-print.ru%2Fpresentation_design%2F|||»][vc_separator type=»normal»][vc_column_text]Продающие электронные презентации — незаменимый инструмент работы с клиентом. Мы создаем их по всем правилам полиграфического дизайна. По сути — это хорошие корпоративные издания в электронном формате, адаптированные для e-mail.[/vc_column_text][vc_empty_space image_repeat=»no-repeat»][no_button icon_pack=»» target=»_self» font_weight=»» text=»дизайн презентаций» link=»http://dot-print.ru/presentation_design/»][vc_empty_space image_repeat=»no-repeat»][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»full_width» oblique_section=»no» text_align=»left» css_animation=»» box_shadow_on_row=»no»][vc_column][vc_empty_space image_repeat=»no-repeat»][vc_column_text]


Прототип сайта или ЧТО это ЗА РОЖИЦЫ?


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

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


Что такое контент?


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

Контент нужно передавать дизайнеру, чтобы он работал не с демо-контентом, а именно с Вашим материалом. Так вы сразу увидите реальный дизайн сайта, а не набор красивых абстрактных фотографий и текстовых блоков на отвлеченную тему.

Если Вы не готовили контент,

То где тогда ваши исходники?

С чего начинается дизайн сайта

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

если у вас уже есть материалы, сделанные другими дизайнерами или студиями и Вам они нравятся  — передавайте все это нам. Мы посмотрим и используем все, что возможно.


Дизайн сайта: НИКТО КРОМЕ


Никто кроме Вас не знает каким Вы себе представляете Ваш сайт.  Задача дизайнера не СЛУЧАЙНЫМ образом догадываться о ваших представлениях о прекрасном. И после долгих поисков наконец находить жемчужину, которую Вы так от тщательно прятали в своем сердце icon wink С чего начинать дизайн сайта?

Задача дизайнера — представить материал таким образом, чтобы каждый Ваш клиент  мог найти на сайте нужное для него решение, совершить то действие, которое Вы от него ждете, позвонить в службу продаж, заполнить и отправить заявку, совершить покупку, проголосовать… и т.д.

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

В следующей статье поговорим о прототипах…

_

лето 2015[/vc_column_text][/vc_column][/vc_row]

У вас есть проект и нет времени листать сайты? Звоните, начнем работу: +7 (929) 605-0579

О дизайне брошюр и каталогов:

Брошюры: упаковка

Брошюры: упаковка

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

Обзор по разработке каталогов и брошюр

Обзор по разработке каталогов и брошюр

Сегодня в нашем обзоре брошюры и каталоги из Великобритании. Прекрасный полиграфический дизайн от шотландской независимой студии Touch. Почему мы пишем о британском или французском дизайне? Потому что мы постоянно наблюдаем за хорошими западными студиями. Европейские традиции полиграфического, графического дизайна гораздо глубже наших. И мы предпочитаем учиться у наших европейских коллег, нисколько не стесняясь этого.