Этапы проработки и создания сайта

этапы создания сайта, как создать сайт, блог дизайнера, rfr cjplfnm cfqn

 

1. Заполнение Техзадания.

 

  1. В нем обязательно указать и целевую аудиторию (возраст, пол, мат.достаток, проф.ориентация, если присутствует)
  2. Указать сайты конкурентов. По ним можно понять тематику более обширно.
  3. Указать 3-5 сайтов (любой тематики), которые нравятся и написать почему.
  4. Указать 3-5 сайтов (любой тематики), которые НЕ нравятся и написать почему.
  5. Попросить заполнить Техзадание, как можно более подробно.
  6. Указать, требуются ли услуги копирайтера, верстальщика, программиста, продвиженца.

    Для пример привожу свой Бриф на создание сайта:

[vk_lock]
техзадание на разработку дизайна сайта, дизайн сайта, бриф на дизайн[/vk_lock]

2.Создание прототипа. (оплачивается отдельно, если он нужен).

brochure template2

Чтобы было понятно, где что будет стоять, делается анализ юзабилити (удобства) и создается приблизительный прототип.  Есть много программ, даже онлайн. Но чаще все используется Axure RP. Самая удобная программа, на мой взгляд.

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

Обычно, когда дизайн делается точно по прототипу — получается очень сухо и переделывается. Это подходит только я блочных, строгих сайтов, где все определяется уже на стадии прототипа, пример:Питер-форум-3

ГАзпром Владимир главная -2+Тут уже вся структура определена заранее.

 

 

 

 

 

 

А вот тут:

 

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

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

3. Предоплата за дизайн. 

shutterstock_431927617

Любой, уважающий себя специалист должен брать предоплату. Обычно берут в 50%.  Почему и как это заказчику объяснить? Все просто:

  • Клиент, который уже заплатил деньги более внимательно относится к вам, вашей работе и конечному продукту. Он уже понимает, что уже просто так «посмотреть дизайн» не получится, и работает с вами на результат.
  • Клиент говорит: «Я вас не знаю,  Почему я вам должен платить? сделаете, и расплачусь.» Таким клиентам я отвечаю просто. «Чтобы вы меня так легко нашли в интернете, я потратила много времени и сил.  И неужели я буду закрывать сайты, стирать себя из всех баз, только чтобы прикарманить ваши деньги аванса? «  И самое интересное, чем меньше сумма аванса, тем чаще возникают такие вопросы)))

    Поверьте, дизайнер, который уже давно и плотно работает в своей сфере (а это можно легко проследить по поисковикам), кто не скрывает своего имени, стоят контакты, причем на многих сайтах — игра не стоит свеч. Чтобы прикарманивать ваши 5-15 тысяч?… а уж про меньшие суммы вообще молчу)))

  • И да, мне пишут молодые дизайнеры, которые плачутся, что за их работу им не заплатили… Потому что они еще боятся потерять клиента. А в итоге, потерянные бессонные ночи (все помним в начале карьеры такое, да? )) и пустой кошелек… уважайте себя и своих клиентов. Предоплата повышает собранность клиента и самооценку дизайнера. А значит и вдохновение тут как тут)

4.Начало работы с макетом и согласование.

gjbcr cfqnjd, lbpfqy cfnf, lbpfyqht, поис дизайна, как сделать дизайн, дизайнре сайтов

  •  Вначале собирайте информацию о том, чем занимается компания. В идеале, вам ее предоставят. Но так же, просмотрите все сайты конкурентов, что найдете, почитайте парочку статей на заданную тему.

Будьте в теме. Вам за это платят деньги. И переделывать в большинстве случаев не придется, когда подготовлена база и вы понимаете, что делаете, велика вероятность, что вы поймете клиента и сделаете, как ему нужно с первого раза. А этого мы и хотим, правда?

  • Поиск вдохновения. Если нет идей, вдохновитесь! Есть много сайтов, где можно посмотреть другие работы и придумать что-то свое.

Не путайте понятия «скопировать чужое» и «вдохновиться».  Можно просмотреть кучу макетов и вдруг, какая-то фишка, кнопочка, натолкнет на мысль, которая кардинально отличается от того макета другого дизайнера, который вы смотрели. Просто пришла Муза и все.

Где искать вдохновения и готовые материалы бесплатно? Об этом ниже:

 

[Locker] The locker [id=2487] doesn't exist or the default lockers were deleted.
  •  Итак, что дальше? Мы  вдохновились, нашли материалы, сделали первый макет (например главной страницы). Как его оформить, чтобы клиенту понравилось?

Клиентам:  Если вы сейчас читаете данную статью. Вы часто, боясь за свои деньги, требуете показывать промежуточные варианты и почти всегда начинаете сразу вносить правки. ПОДОЖДИТЕ! Лучше ограничьте время на дизайн. Например: через 3 дня жду главную страницу. Ставьте рамки. На фрилансе время течет иначе :) 

Тогда будет толк. Если дизайнер опытный, у него еще во время обсуждений возник примерный дизайн в голове. То же касается и правок: дизайнер заранее знает, как это будет выглядеть и крайне редко ошибается. И если начинает вас отговаривать от какой-либо правки, возможно, стоит прислушаться. Конечно, если это не крайне важная правка.

На behance есть очень красивые, длинные презентационные картинки. Можно вдохновиться их примером. Но часто время поджимает. Поэтому скажу, как делаю я:

дизайн сайта биржевого робота

1. Нахожу красивый Мокап (Mockup) ноутбука, планшета, упаковки товара, который рекламируем и т.п. и показываю макет наглядно. ТОгда клиент лучше воспринимает информацию.

Например, логотип: если это компания, занимающаяся грузоперевозками, так поместите логотип на бок фуры. чтобы было красиво и наглядно.  Помогите клиенту представить как это будет. В этом случае нравится почти всегда с первого варианта.

макет сайта в axure, прототипирование сайта, макет сайта

2. Если речь о сайте, помимо красивого Мокапа, сделайте страницу в Axure и отправьте в интернет. Зачем? Если вы не уменьшали размеры макета, клиент увидит, как реально в интернете и на устройствах будет выглядеть его новый сайт. Что может быть нагляднее?

Пример: http://8beoyt.axshare.com/#p=home&c=1вот страница  в Azure. lepnina71.ysluga.ru — что в итоге получилось.

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

согласование с клиентом, согласование макета, утверждение дизайна

5. Количество макетов.

По умолчанию подразумевается, что в цену дизайна входит два варианта макета главной страницы. Об этом лучше сразу не говорить клиенту, если только спросит. Почему? потому что иначе ваш первый вариант будет просмотрен вскользь и он обязательно захочет второй. А когда вкладываешь душу в первый макет, и понимаешь, что он просто то, что надо, при рисовании второго макета — опускаются руки… А кому это надо? )

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

Напоминаю, что от подачи макета зависит 50% согласия клиента…. Потому что нравится/не нравится решается в первые 5 секунд просмотра макета….

Самое основное я вам рассказала и подробно объяснила.  Удачи!!!


Так же по вопросу заказа дизайна можно связаться со мной:

[contact-form][contact-field label=’Имя’ type=’name’ required=’1’/][contact-field label=’Телефон’ type=’text’ required=’1’/][contact-field label=’Электронная почта’ type=’email’ required=’1’/][contact-field label=’Сайт (если есть)’ type=’url’/][contact-field label=’Хочу заказать у вас дизайн …’ type=’textarea’ required=’1’/][/contact-form]

 

Читайте также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *