3.3 Исследование рынка
www.richstone-spb.ru (Рис. 3)
На каждой странице присутствует навигация, позволяющая искать необходимую информацию по разным категориям, присутствует графическая информация, с помощью которой легче воспринимается текст.
Рис. 3. Веб-сайт RichStone
www.skillstone.ru (Рис. 4)
Неподходящий дизайн, из-за которого сложно воспринимается текстовая информация на сайте, а также плохо читается шрифт в шапке сайта и при наведении курсора на меню. Непонятная навигация по каталогу продукции и неподходящее расположение графической информации.
Рис. 4. Веб-сайт SkillStone
www.granicoat.ru (Рис. 5)
Черный цвет фона усложняет восприятие информации, его не рекомендуется использовать на сайтах. В разделах, где расположено большое количество текста, шрифт сливается. Удобная навигация по материалам, используемым в производстве, но нет галереи с готовой продукцией. На сайте представлены документы и сертификаты, подтверждающие статус компании. Существует раздел вопрос-ответ, где можно найти информацию по основным вопросам, а также задать собственный вопрос.
Рис. 5. Веб-сайт Granicoat
www.alivestone.spb.ru (Рис. 6)
Хороший дизайн, интуитивно понятная навигация, грамотное расположение графической и текстовой информации.
Рис. 6. Веб-сайт AliveStone
www.nevalit.ru (Рис. 7)
На сайте представлено очень много информации, в каждом разделе меню большой выпадающий список. Некоторые элементы дизайна выбиваются из общего стиля. На сайте предусмотрена регистрация. Со всех страниц есть возможность рассчитать стоимость изделия.
Рис. 7. Веб-сайт Невалит
www.soundst.ru (Рис. 8)
Интересный дизайн сайта, удобное меню, а также креативное решение навигации по изделиям, выполненное с помощью flash. Качественная графическая информация и правильное расположение текста. Удобный расчет стоимости изделия, присутствует возможностьon-lineвыбора материала, толщины столешницы, цвет и тд.
Рис. 8. Веб-сайт SoundStoun
www.youpiter.spb.ru(Рис. 9)
Не везде применено форматирование текста, в некоторых местах отсутствуют отступы от краев, а также страницы отличаются по ширине. Дизайн меню неподходящий, но сама навигация удобная и интуитивно-понятная, легко найти нужную информацию.
Рис. 9. Веб-сайт You-piter
www.ecoline-m.ru (Рис. 10)
Некачественный дизайн сайта, отсутствуют отступы в меню и левой навигационной панели. Как и на сайте http://soundst.ru/есть возможностьon-lineрасчета стоимости изделия, но в отличие от первого сайта, выбранные элементы не отображаются на образце. Нет возможности отправить заказ.
Рис. 10. Веб-сайт Эколайн
www.sbstudio.su (Рис. 11)
Отличный дизайн, хорошее расположение текстовой и графической информации, дополнительно на сайте присутствует и видео информация. Удобная галерея изделий, с разделами по материалам. На сайте присутствуют флеш-баннеры с акциями, которые привлекают внимание потенциального клиента.
Рис. 11. Веб-сайт SBStudio
www.corian812.ru (Рис. 12)
Приятный дизайн, спокойные цвета, грамотное расположение текстовых и графических элементов, удобная навигация со всплывающим меню, предоставлена информация по каждому материалу, возможность заказа изделий on-line.
Рис. 12. Веб-сайт Corian812
Проанализировав сайты похожей тематики можно составить общее представление о том, каким должен быть удобный и качественный сайт. Следует правильно составить дизайн сайта, отобразить на сайте важную текстовую и приемлемую графическую информацию, которая позволит пользователю лучше воспринимать сайт.
- Реферат
- Содержание
- Раздел 1 теоретические основы разработки web-сайта 7
- Раздел 2 разработка web-сайта 24
- Раздел 3 проектирование web-сайта 33
- Раздел 4 охрана труда 58
- Введение
- Раздел 1 теоретические основы разработки web-сайта
- Обоснование необходимости создания web-сайта
- Понятиеweb-сайта
- Классификацияweb-сайтов
- По содержанию
- По виду
- Основные языкиweb-программирования
- JavaScript
- Системы управления контентом (cms)
- КлассификацияCms
- 1.5.3WordPress
- 1С-Битрикс
- Основы дизайнаweb-сайта
- 1.6.3 Дизайн сайта
- 1.6.2 Дизайн логотипа
- 1.7 Вывод по разделу 1
- Раздел 2 разработкаweb-сайта
- 2.1 Обоснование выбранных технологий при созданииweb-сайта
- 2.1.1 Анализ и выбор графики при создании логотипа
- 2.1.1.1 Преимущества использования векторной графики для создания логотипа
- 2.1.2 Анализ и выбор графики при создании дизайнаweb-сайта
- 2.1.3 Анализ и выбор графического редактора для логотипа
- 2.1.3.1 CorelDraw
- 2.1.3.2 AdobeIllustrator
- 2.1.3.3 Сравнение CorelDraWиAdobeIllustrator
- 2.1.4 Анализ и выбор графического редактора для дизайнаweb-сайта
- 2.1.5 Анализ и выборhtml-редактора
- 2.1.6 Анализ и выборCms
- 2.1.6.1 1С-Битрикс
- 2.1.6.2 Umi cms
- 2.2 Выводы по разделу 2
- Раздел 3 проектированиеweb-сайта
- 3.1 Изучение бренда
- 3.2 Целевая аудитория
- 3.3 Исследование рынка
- 3.4 Прототипweb-сайта
- 3.4.1 Выбор типаweb-сайта
- 3.4.2 Выбор разметкиweb-сайта
- 3.4.3 Выбор цветовой схемыweb-сайта
- 3.4.4 Прототип логотипа web-сайта
- 3.4.4.1 Изучение логотипов фирм-конкурентов
- 3.4.4.2 Концепция и эскиз
- 3.5 Дизайн сайта
- 3.6 Дизайн логотипа
- 3.7 Интерактивный прототип
- 3.8 Верстка сайта
- 3.8.1 Структура xslt документа
- 3.8.2 Стили сайта
- 3.8.3Php
- 3.8.4 Java Script
- 3.9 Создание страниц сайта вUmi.Cms
- 3.10 Отладка работы сайта
- 3.5 Выводы по разделу 3
- Раздел 4 охрана труда
- 4.1. Правовые и организационные вопросы охраны труда
- 4.1.1. Виды ответственности
- 4.1.2. Организация обучения безопасности труда
- 4.1.2.1. Обучение и проверка знаний руководителей и специалистов
- 4.2. Оценка условий труда
- 4.2.1 Требования к помещениям для работы с пэвм
- 4.2.2. Требования к уровням шума и вибрации на рабочих местах, оборудованных пэвм
- 4.2.3. Общие требования к организации рабочих мест пользователей пэвм
- Заключение
- Список использованных источников