2. Выявление потенциальной аудитории.

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

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

Средний возраст посетителей сайта – 16 – 45 лет.

3. Разработка плана сайта.

Для написания интернет-сайта «Светлана» было рассмотрено несколько вариантов создания сайта:

• Написание сайта на языке HTML вручную;

• Написание сайта с помощью программы Macromedia Dreamweaver 8;

В результате оценки предложенных вариантов был выбран метод написания сайта с помощью программы Macromedia Dreamweaver 8.

Dreamweaver - HTML-редактор компании Adobe. Изначально разработан и поддерживался компанией Macromedia. Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe. Эта программа позволяет создавать:

• корпоративные сайты;

• интернет-магазины;

• информационные порталы;

• сайты сообществ;

• других веб-проекты;

Достоинство программы Dreamweaver – это использование технологии WYSIWYG (от англ. What You See Is What You Get, «что видишь, то и получишь»). Технология WYSIWYG позволяет отображать содержание в процессе редактирования и выводить результат максимально близко похожий на конечную продукцию.

Структура сайта салона красоты состоит из:

• Домашней страницы:

  • О нас;

  • Наши услуги:

    • Маникюр;

    • Педикюр;

    • Наращивание ногтей;

    • Массаж;

    • Парикмахерские услуги;

  • Вопрос-Ответ;

  • Фотогалерея;

  • Новости;

  • Контакты;

  • Записаться;

4. Анализ фазы дизайна.

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

В процессе создания сайта были применены следующие визуальные эффекты:

• Цвет фона – светло зеленый. Этот цвет располагает посетителя на положительные эмоции.

• Шрифт текста – Times New Roman. Этот шрифт придает «солидность» сайту.

• Сайт выполнен с добавлением различных стилей в текст.

• Разработана фотогалерея. Она предназначена для просмотра фотографий.

5. Блоковые композиции.

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

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

1. Заголовок. В этой части располагается логотип компании и фотография салона.

2. Навигация. Она находится слева, под заголовком, и служит для навигации пользователя по сайту. В навигации присутствуют такие ссылки как – «О нас», «Наши услуги», «Вопрос-Ответ», «Контакты», «Записаться», «Фотогалерея».

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

На рисунке 1 наглядно продемонстрирован макет курсовой работы сайта.

Рис.1. Макет сайта курсовой работы.

Данный макет формы выполнен единым стилем для всех страниц сайта.