Сравнительный анализ дизайна интернет-сайтов

1.

С РА В Н И Т Е Л Ь Н Ы Й
АНАЛИЗ ДИЗАЙНА
СА Й ТО В
Ксения Рамм
ЖУР3-19-03

2.

КОММЕРЧЕСКИЕ САЙТЫ
bmw.ru
• 312bags.ru
• tastycoffee.ru
• adidas.ru (2009г)

3.

B M W. R U
10\10
Плюсы:
Минималистичный, приятный дизайн. Ничего
лишнего
Сайт сразу наглядно представляет самую новую
модель в линейке автомобилей, так же
присутствует кнопка «узнать больше», для
людей которых заинтересует данная модель
Простое меню сверху и снизу, позволяющее
легко ориентироваться на сайте
Наглядный модельный ряд
Наличие вебчата с сотрудником, котрый ответит
на возникшие вопросы
У BMW самый удобный, на мой взгляд,
конфигуратор, котрый превращает выбор
автомобиля в своеобразную игру, творческий
процесс

4.

B M W. R U К О Н Ф И Г У РАТ О Р

5.

312BAGS.RU
8\10
Плюсы :
Ничего лишнего
Активная кнопка для
перехода на акцию
«Сумка месяца»
Удобное меню в
верхней части сайта
Интерактивный каталог
Малое количество
действий для
совершения покупки
Минусы:
Местами мелкий,
прозрачный, плохо
читаемый шрифт
Яркая внешность
моделей отвлекает
внимание от продукта

6.

TA S T Y C O F F E E . R U
9\10
Плюсы:
Опять же минималистичный
дизайн
Удобное меню
Наличие чата «Помощь с
выбором»
Легкое оформление заказа
Уведомление об акции и
промокод в верхней части сайта
Минусы:
Местами плохо читаемый
бледный текст

7.

ADIDAS.RU
(2009Г)
3\10
Плюсы :
Наличие меню в
верхней части сайта
Полезные статьи о
спорте, спортивном
снаряжении и тд
Минусы:
Пустота. Нет акцентов
внимания
Одинаковый мелкий
шрифт

8.

П РА В И Т Е Л Ь С Т В Е Н Н Ы Е
САЙТЫ
fsb.ru
• kremlin.ru
• mirsud.spb.ru

9.

FSB.RU
6\10
Плюсы:
Меню в верхней части сайта
Рубрики в правой части
сайта, позволяющие быстро
искать информацию
Акцент на контакты
организации, если
пользователь обладает
информацией о готовящихся
терактах
Версия для слабовидящих
Минусы:
Мелкий шрифт
Периодически сайт плохо
погружается

10.

KREMLIN.RU
5\10
Плюсы:
Функция поиска
Меню
Минусы:
Сайт очень тяжело грузится
Много пустых мест, будто бы
его не доделали
Раздел «официальные
сетевые ресурсы Президента
России» практически не
заметен (три точки в левом
верхнем углу)

11.

MIRSUD.SPB.RU
7\10
Плюсы:
Выделение красным
важной информации
Приятная панорама на
главной странице
Удобное меню и
удобный поиск дел
Минусы:
Стронная цветовая
гамма на главное
странице
Бледный шрифт

12.

С А Й Т Ы ВУ З О В
kpfu.ru
• mvoku.mil.ru
• urfu.ru

13.

KPFU.RU
10\10
Плюсы:
Приятный интерфейс
Удобное меню
Сайт активно меняется
при скроллинге
Вся нужная информация
прямо на первой
странице
Удобный и активный
список контактов

14.

KPFU.RU

15.

MVOKU.MIL.RU
3\10
Плюсы:
Крупный контрастный шрифт
Крупное меню
Минусы:
Кроме шапки весь сайт
представляет собой белое
полотно со сплошным текстом
Мало медиа-контента
Нет акцентов для
привлечения внимания к той
или иной информации

16.

URFU.RU
1\10
Плюсы:
Много ярких, контрастных
деталей
Минусы:
Мелкий, не выразительный
шрифт
Разделы сайта похожи на
всплывающую рекламу, хочется
найти крестик и закрыть их
Все в куче, сложно
сфокусироваться на чем-то

17.

ПЕРСОНАЛЬНЫЕ САЙТЫ
balygin.com
• yakhina.info
• az-film.com

18.

B A LY G I N . C O M
С А Й Т Ф О Т О Г РА Ф А
МИХАИЛА БА ЛЫГИНА
5\10
Плюсы:
Приятный визуальный ряд,
красивый шрифт заголовка сайта
Удобное и лаконичное меню
Удобная форма быстрой заявки
Минусы:
Дублирующийся текст с
благодарностью за интерес к
работе фотографа
Бледный текст
Мелким и бледным шрифтом
напечатаны контакты

19.

YA K H I N A . I N F O
СА Й Т П И САТ Е Л Ь Н И Ц Ы
ГУЗЕЛЬ ЯХИНОЙ
10\10
Плюсы:
Крупные, интересные шрифты,
цепляющие взгляд
Верхнее меню сайта не исчезает при
скроллинге
Множество активных кнопок
Раздел с новостями
Раздел с описанием работ автора
Ссылка на сериал, снятый по книге
автора
Форма для письма автору

20.

YA K H I N A . I N F O
СА Й Т П И САТ Е Л Ь Н И Ц Ы Г У З Е Л Ь
ЯХИНОЙ

21.

AZ-FILM.COM
С А Й Т Р Е Ж И С С Е РА
АНДРЕЯ
З ВЯ Г И Н Ц Е ВА 1 0 \ 1 0
Плюсы:
Минималистичный дизайн
Удобная фильмография с
информацией о каждом
фильме
Информация о команде, с
котрый работает режиссёр
Видео интервью, мастер –
классов, фильмы о фильмах
Биография режиссера

22.

С А Й Т Ы Н А РА З Л И Ч Н Ы Е
ТЕМЫ
spreadthesign.com
• abw.blue
• whenwasiconceived.com

23.

SPREADTHESIGN.COM
ОНЛАЙН-ПЕРЕВОДЧИК
СЛОВ НА ЯЗЫК ЖЕСТОВ
6\10
Плюсы:
Прост и понятен в использовании
Переводит на все языки
Показывает жест маленьким
видео
Минусы:
Выглядит, как достаточно старый
сайт
Мелкий шрифт

24.

ABW.BLUE
САЙ Т, Н А К О Р ТО М М ОЖ Н О
И С П РАВ И Т Ь ХОД И СТОР И И
ЧЕЛОВЕЧЕСТВА И
ПОСМОТРЕТЬ, КАКИМ БЫ
Б Ы Л М И Р, В К О Т О Р О М
НИКОГДА НЕ БЫЛО ВТОРОЙ
МИРОВОЙ ВОЙНЫ ИЛИ НЕ
ИЗОБРЕЛИ ТЕЛЕФОН.6\10
Плюсы:
Яркий, легко читаемый
текст
Прост в использовании
Минусы:
На сайте нет
мультимедийного
контента, хотя он был
бы там к месту

25.

A B W. B L U E
Сайт предлагает сделать выбор по
поводу той или иной ситуации, котрый
повлияет на ход истории. И далее вы
видите последствия.

26.

WHENWASICONCEIVED.COM
С А Й Т РАС С Ч И Т Ы ВА Е Т Д АТ У З АЧ АТ И Я О Т Д Н Я
Р О Ж Д Е Н И Я И П О К АЗ Ы ВА Е Т, К АК А Я П Е С Н Я
БЫЛА ПОПУЛЯРНА В ЭТОТ ДЕНЬ И КАКОЙ
Ф И Л ЬМ Ш Е Л В К И Н О Т Е АТ РАХ .
6\10
Плюсы:
Очень
простой
интерфейс
Приятная
цветовая
гамма
Минусы:
Грубоват,
похож на
очень старый сайт

27.

СПАСИБО ЗА
ВНИМАНИЕ!