Майстер-клас зі створення ефективних сайтів

З чого починаються сайти? Наші сайти починаються з ідеї. Ідея - це консистенція всіх бажань і вимог замовника, що розглядається через призму наших можливостей.

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

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

Планування сайту передбачає планування 3-х основних елементів: дизайну, навігації, вмісту.

Почали ми з останнього аспекту - вмісту: перш за все з замовником було обумовлено, що він бажає бачити на сайті, так само були дані консультації з приводу того, що традиційно присутній на сайтах компаній. В результаті спільної роботи було окреслено коло матеріалів, які повинні бути присутніми на сайті.

Далі почалася робота над навігацією - ми розбили раніше відібрані матеріали на основні групи, які в майбутньому повинні стати окремими розділами сайту.

Після виділення окремих розділів, паралельно з роботою над дизайном сайту почалася робота над контентом - утримуємо сайту: графікою і текстом.

Щодо тексту: основний обсяг тексту був підготовлений самим замовником.

Щодо графіки: хорошого сайту повинні відповідати відмінні графічні складові - як елементи інтерфейсу, так і інші зображення.

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

Перевагами такої схеми є: традиційність і в той же час можливість вкраплення деяких новаторських ідей. Безсумнівно, для нас найважливішим було зручність відвідувачів сайту, логічність в послідовності посилань на розділи, послідовність, яка націлює відвідувача на покупку. Відзначимо, що в розміщенні полів сайту брали участь фахівці з роботи з клієнтами, які прямують у споживацької психології.

Далі переходимо до кольорової гами сайту

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

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

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

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

Отже, у нас є: інтерфейс, навігація, зачатки контенту, flash-ролики. Пора все зверстати в одне ціле, причому для кожного розділу окремо. В результаті верстки ми отримали наступні макети сторінок сайту:

Титульна сторінка: ця сторінка несе особливе навантаження, тому, торкнемося її особливостей докладніше:

Титульна сторінка - перше, що зустрічає людина, потрапляючи на сайт. Саме вона несе максимальну іміджеве навантаження. Це «вітрина», яка повинна привертати погляд відвідувача. Власне титульна сторінка - це відповідь на питання відвідувача: «З чого почати?». Ця сторінка несе основну емоційне навантаження, причому в даному випадку ми працювали на те, щоб створити позитивні емоції у тих, хто буде дивитися сайт.

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

Виходячи з вище названого ми визначили для себе три «НІ»: Ця сторінка не повинна бути перевантаженою інформацією. Титульна сторінка не повинна бути просто красивою «заставкою». Ця сторінка не повинна бути тривіальної.

Збираючи макет титульної сторінки, ми скористалися поруч загальновідомих критеріїв для такого роду сторінок:

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

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

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

Не можна не помітити, що ми кожну сторінку, виконуючи в єдиному стилі, робили особливою, підкреслюючи її функціональне призначення.