Tokyo-sайт

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

Многие вебмастера не представляют себе дизайна без огромного количества картинок (или без flash-заставок, что еще хуже). На дизайн без графики они просто не обращают внимания.

Это просто ужасно. Дизайнеры забывают главное правило дизайна - сделать так, чтобы пользователю было удобно. Если пользователю будет неудобно (а я думаю, что грузить страничку в полмегабайта никому не интересно), то он просто уйдет с сайта. И не вернется - ведь сайтов в интернете немало.

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

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

Итог: изучая в деталях Photoshop, Ilustrator и Macromedia Flash, не забывайте про основы дизайна. И тогда дизайн будет эффективным.

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

Для чего компания – наш заказчик - решила создать сайт? Конечно, основным побудительным аспектом являлась прибыль компании, дальше идут имиджевые цели, поддержка клиентов и прочее.

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

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

Планирование

Планирование сайта предполагает планирование 3-х основных элементов: дизайна, навигации, содержимого.

Начали мы с последнего аспекта – содержимого: прежде всего с заказчиком было оговорено, что он желает видеть на сайте, так же были даны консультации по поводу того, что традиционно присутствует на сайтах компаний. В результате совместной работы был очерчен круг материалов, которые должны присутствовать на сайте.

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

Далее началась работа над навигацией - мы разбили ранее отобранные материалы на основные группы, которые в будущем должны стать отдельными разделами сайта.

Относительно текста: основной объём текста был подготовлен самим заказчиком.

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

Дизайн начинается с разработки шаблона (шаблонов) сайта. Зная, из каких разделов будет состоять сайт, нам необходимо разместить необходимые поля на плоскости с параметрами разрешения мониторов.

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

Далее переходим к цветовой гамме сайта

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

Почему эти цвета, а ни иные? На самом деле, мы проигрывали разные варианты: от оттенков зелёного, до градаций желтого с вкраплениями синего, однако выбранный вариант сочли самым подходящим: он не блеклый и не слишком «кричащий» - как раз такой, какой требуется для подобного сайта.

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

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

Итак, у нас имеется: интерфейс, навигация, зачатки контента, flash-ролики. Пора всё сверстать в одно целое, причём для каждого раздела в отдельности. В результате вёрстки мы получили следующие макеты страниц сайта:

Титульная страница: эта страница несёт особую нагрузку, поэтому, коснёмся её особенностей подробнее:

Титульная страница – первое, что встречает человек, попадая на сайт. Именно она несет максимальную имиджевую нагрузку. Это «витрина», которая должна приковывать взгляд посетителя. Собственно титульная страница – это ответ на вопрос посетителя: «С чего начать?». Эта страница несет основную эмоциональную нагрузку, причём в данном случае мы работали на то, что бы создать положительные эмоции у тех, кто будет смотреть сайт.

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

Исходя из выше названного мы определили для себя три «НЕТ»: Эта страница не должна быть перегруженной информацией. Титульная страница не должна быть просто красивой «заставкой». Эта страница не должна быть тривиальной.

Собирая макет титульной страницы, мы воспользовались рядом общеизвестных критериев для такого рода страниц:

* Страница должна иметь оригинальное дизайн - решение.
* Эта страница должна содержать красочную flash заставку, подчеркивающую имидж компании.
* Она должна нести достаточную (но не чрезмерную) информационную нагрузку.
* Так же титульная страница должна предоставлять хорошо продуманную и удобную навигацию по всему сайту, заставлять посетителя делать правильные и последовательные переходы по разделам сайта.

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

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

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

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

Результат

Какой результат мы получили после кропотливой работы? Собственно результат можете видеть по адресу: www.intex.ru

Согласитесь, больше комментировать ничего не нужно.

Что нужно настоящему веб-матеру для полноценной работы ?
Совсем не много. В этой статье я опишу весь soft который нужен для нормальной работы web-мастеров.

1) Правильный выбор HTML-редактора.

В наше время существует огромный выбор HTML-редакторов и причём а любой вкус. Начиная с Front Page 2000 и Macromedia Dreamweaver и завершая Allaire Home Site и 1st Page 2000. Некоторые веб-мастера считают, что если их "коллега" работает в таком редакторе как Front Page или Dreamweaver, то он бездарный "чайник". Ну а если ты работаешь в Home site или подобных ей, то ты "профи". Но такого мнения не все мастера, но всё-таки есть такие. Я ,например, сам очень уважаю редактор Front Page, на нём легко работать и конструировать сайт (Между прочим эту статью пишу в нём). Согласитесь, что если вы только начинающий веб-мастер, то вы сразу не начнёте работать в Allaire Home Site, а легко начать с DreamWeaver и уже потом переходить на более сложные редакторы. Но в чем различие между этими редакторами ? Во-первых Front Page и DreamWeaver очень громоздкие и их нельзя скачать с Интернета. Front Page 2000 можно приобрести вместе с Office 2000 Professional или на компакт-дисках. Так же на "компашках" можно приобрести DreamWeaver. Ну а Home site и 1st Page можно скачать с любого сайта с софтом.

Конечно же в этой категории лидирует Photoshop. Он уже дошёл до шестой версии. Он очень удобен в работе и имеет всё, что нужно для создания качественной графики. Не имеет смысла много рассказывать о нём. Но есть и другие редакторы. такие как Macromedia FireWorks и Macromedia Flash. Но Flash подходит для разработки Flash-презентаций, а FireWorks отличный редактор растровой графики. Но тут не я должен объяснять, что кому выбирать. Каждому своё.

3) Браузер (Browser)

У нас в гинете пользуются популярностью только два браузера - это Microsoft Internet Explorer и Netscape Navigator. Так как эти браузеры абсолютно разные , то при построении сайта вам придётся насчитывать на, то что к вам на сайт будут приходить и пользователи Explorer'а и пользователи Netscape'а и строить сайт так, чтобы в этих двух браузерах выглядел одинаково. Но теперь мастерам стало на много легче строить свой сайт, т.к. компания Netscape не выдержила конкуренции с компанией Microsoft и прекратила своё существование. Но всё-таки наши пользователи не перестают пользоваться, сохранившимися на старых CD дисках, копиями этой программы. Я пользуюсь только Internet Explorer'ом, что и вам советую. А Natscape использовать только для работоспособности странички в обоих браузерах. И как сказал руководитель Россиского мультипортала Protoplex, Евгений Жданов: "Просто я не фанат Netscape Navigator. Не хочу никого обидеть, но название программы должно звучать как Netscafe Nafigator :-)".

4) GIF Animator'ы

Вы не раз, заходя на различные сайты, видели красивые анимационные картинки и баннеры. Для создания таких картинок существуют различные программы, называющиеся GIF Animator'ами. У нас пользуются популярностью две такие проги: 1) Ulead GIF animator и 2) Microsoft GIF Animator. Их задание заключается в том, чтобы через определённый лимит времени прокручивать различные картинки. Теперь кратко рассмотрим каждую из этих двух программ. Начнём с Ulead GIF animator'a : чем он хорош, это конечно куча "прибамбасов" к программе. Это и и различные эффекты и большой объём функций. Но она и "весит" побольше,чем продукт компании Microsoft. Но я отдаю предпочтение Microsoft GIF Animator'у. В нём содержится всё, что необходимо для хорошей анимации. Да и он "весит" всего 1 mb. Его можно скачать отсюда: http://www.wmaster.ru/soft.htm. Качайте и пользуйтесь.

Последняя стадия при создании сайта, это закачка всей созданной информации на сервер. При этом нужно использовать FTP-клиенты. Имеет смысл привести в пример только два. Это Far менеджер и CuteFTP. Очень удобным в использовании я считаю CuteFTP (сам им пользуюсь). В нём предложено самое необходимое. Для создания нового соединения достаточно нажать F4 и тут же будет выведено новое окно, в котором нужно будет ввести необходимые данные для входа через FTP. Ну а FAR менеджер считается ветераном среди FTP-клиентов. Но единственный минус - неудобно вводить данные для соединения и можно легко спутаться при подключении через FTP (особенно новичкам). Но несмотря на это FAR очень популярен среди "сайтостроителей". Ещё имеет смысл выделить такие FTP-клиенты как Web FTP и Arisoft Direct FTP. Желаю приятного пользования.

Очень много хороших и полезных программ вы найдете в разделе Программы сайта WoWeb.ru

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

Не верите? А вот вам пример: заказчику создан сайт, в котором предусмотрен большой информационно-консультационный раздел. Но он весьма скептически отнёсся к его функциональности - раздел практически пустовал (билет купил, а сам не поехал...). При этом, все надежды были возложены на консультации по телефону (хотя особенности товара подразумевали достаточно большой объём консультаций). Но, был применён комплекс мер по проведению индексации. В результате - целевая аудитория пошла (но в конкретные страницы "сухих" описаний товаров), а т.к. сервис консультаций по телефону был "прошит" по всему сайту - в результате сильнейшая нагрузка на менеджера у телефона. И звонки от посетителей сайта, хотя сайт и должен был их подробно консультировать. Телефон часто занят долгими консультациями, а упущенный звонок - упущенный клиент... Хотя, существовало множество способов подачи консультационного материала совместно с "сухой" информацией о товаре (схема его подачи была заранее проработана). Кстати, в дальнейшем был интересный разговор. На вопрос, почему нет наполнения сайта консультационной информацией, был ответ - что её некому готовить! Я просто предложил положить диктофон в нагрудный карман менеджера по продажам во время консультаций А позже, секретарша просто распечатала то, что было записано на диктофон (с небольшой корректировкой текста и простановкой вопросов). Получилось очень большое количество материала всего за два дня

А телефон стал звонить реже (на время :). Так как получился ещё один дополнительный эффект от страниц с ответами на вопросы. Я их проиндексировал в поисковых системах. И пошли люди... Лишних 5-10 "нужных" посетителей в день и опять звонки... Но заказчик не обиделся, на "лишние" продажи не обижаются

Отсюда совет - нет материала для сайта? Много вопросов по телефону? Возьмите диктофон, включите его и положите в нагрудный карман менеджеру по работе с клиентами, который стоит в торговом зале (на телефоне, сидит за столом переговоров) и всё подробно объясняет клиентам. У вас будет столько полезного материала, действительно необходимого вашим клиентам!!! На целую книгу хватит. А если нет смышлёной секретарши для коррекции текста, то отдайте диктофон с записями студенту-журналисту (не забудьте приложить некоторое количество денег) и за ночь он вам выдаст прекрасный, грамотный материал в виде готовых файлов.

P.S. С вас пиво, за совет