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

1.

• Часть 1.
• Коммерческие сайты компаний.
Презентацию подготовила
студентка 2 курса
СЗИУ РАНХиГС
по специальности журналистика
Руденко Евгения.

2.

Удобства и
функциональность сайта
Tesla:
• Простой и быстрый интерфейс помогает
получить информацию о продукте в полном
объеме;
• Видимые передние панели позволяют
сделать заказ на покупку мгновенно;
• Контакты, расположеные в нижней части
сайта позволяют без проблемно обратиться
с вопросами.

3.

Анализ сайта
Johnnie Walker
1. По технологии создания это
официальный комбинированный
сайт.
2. Дизайн сайта выполнен в
красочных тонах. Красный цвет
привлекает больше остальных
цветов, что увеличивает
концентрацию внимания на
сайте. Соблюдена цветовая
гамма, использованы
контрастные призывы к
действию. Присутствует живая
анимация.

4.

Функциональность сайта
Johnnie Walker:
Здесь использованы нестандартные
кнопки с предложениями, такие как
: "Начни свое путешествие- открой
для себя рецепты коктейлей".
А простой интерфейс поможет
точно связаться с компанией и
обратиться с вопросом.
Также, компания предоставляет
возможность заказать именную
бутылку с личной фотографией
к празднику. Это всё
показывает позитивную оценку
сайта. Чем больше полезного и
интересного может предложить
компания-тем лучше:)

5.

Анализ сайта
"Kinder"
1. Это официальный
комбинированный сайт.
2. Сайт представлен как яркий
феномен детства. На каждом
оттенке, форме рисунка, шрифте
отпечатано воспоминание из
прошлого. Но, это не помешало
разработчикам использовать
новейшие техники и модную
графику в создании любимого
сайта. Полезные виджеты
помогают узнать много нового о
компании, а видимые панели
выбрать нужное. Все это
расположилось на большом
пространстве экрана.

6.

Анализ сайта " Appele"

7.

Часть 2.
Сайт правительства.

8.

Анализ сайта
правительства
Казахстана
1.Несмотря на новейшее время и
богатство возможностей, сайт
Казахстана остается
статическим официальным.
2. Заметно, что дизайн сайта
давно не подвергался
преобразованиям. Устаревшая
графика, маленький фон,
отсутствие любой анимации и
заурядный шрифт максимально
удручает посещение
пользователей. Поэтому, можно
отнести сайт к графике сайтов
2000-х.

9.

Удобства сайта
• Отсутствие ярких кнопок, чат-ботов
хоть и делает сайт скучным, однако
доля пользы здесь есть. Характерные
метки на страницах со времён 2000-х,
помогают добраться до информации о
каждом министре страны, прочитать
актуальную ленту новостей и
ознакомится с новейшими
постановлениями правительства. Таким
образом ничего нового в дизайне сайта
не наблюдается, но он не перестает
быть менее полезным.

10.

Анализ сайта
правительства США
1. Это официальный
комбинированный сайт.
2. Присутствует актуальная
информация о безопасности в
период пандемии. Все это
изложено на просторном фоне с
новейшей графикой и 3-Д
анимацией.
Мы видим удобные виджеты,
уникальные фотографии и
проработанные рубрики.

11.

Функциональность сайта
Интересные темы и острые
вопросы показаны просто и ясно
на ярком контрасте. Информация
о паспортах, визах и других
гражданских вопросах
представлена на слайд-кнопках.
Есть навигация, локация по
местоположению , а также
выполнен перевод сайта на
другие языки. Оценка 10/10.

12.

Анализ сайта
правительства
Иерусалима
1. Это официальный
комбинированный сайт.
2. По Дизайну сайт выполнен в
новейшем стиле. Модная анимация,
бегущие строки и уникальное фото.
Плюсом для сайта выступает
настроенная инфографика, которая
помогает пользователям легко
воспринимать графическое
оформление.
Доступный переход в различные
разделы помогает максимально
быстро и легко овладеть
информацией.

13.

• Это официальный статический сайт.
Анализ сайта
правительства
Узбекистана
• 2. Заметно, что дизайн сайта давно не
подвергался преобразованиям. Устаревшая графика,
маленький фон, отсутствие любой анимации и заурядный
шрифт максимально удручает посещение пользователей.

14.

Часть 3.
Сайты вузов

15.

Анализ сайта МГТУ
им. Баумана
1. Это статический
официальный сайт.
2. Дизайн главного технического
вуза выполнен в тихих тонах.
Шрифт довольно плохо
контрастирует с широким фоном,
что дает повод становится словам
менее видимыми. Есть навигация,
перевод сайта на некоторые
языки, поиск. Но нет яркой
анимации и модной графики. О
данном сайте можно сказать:
"четко и по делу".

16.

Анализ сайта
Cambridge
University
• 1. По технологии создания
это официальный комбинирован
ный сайт.
• Дизайн сайта выполнен в
ярких красках, бесспорно
манящих внимание.
Здесь присутствуют : множество
ярких кнопок, большое
пространство экрана,
полезные виджеты, уникальные
фотографии и многое другое.
Есть перевод сайта, навигация и
поиск по сайту.

17.

Анализ сайта
University of Amsterdam
1. 1. Это официальный комбинированный
сайт.
2. Полезные виджеты помогают узнать много
нового о университете и как в него попасть.
А видимые панели помогают выбрать нужную
информацию. Все это расположилось на
большом пространстве экрана, дающее
возможность подобрать факультет
бакалавриата или определиться с
магистратурой. Удобный перевод сайта и
поиск на нем дает огромное преимущество.

18.

Анализ сайта МФТИ
• Это статическим сайт, т.к. са
йт содержит статические HT
ML страницы.
• Это
также официальный сайт
2000г.
• 3. Ограниченные возможно
сти веб-дизайна не
позволяли сделать сайт
более
монитизированным. Тускла
я цветовая гамма и нудные
шрифты отдаляют от
поступления в вуз. Показано
много информации, но
мало смысла.

19.

Часть 3.
Персональный сайт.

20.

Анализ сайта
Юрия Вдудя
1. Это комбинированный сайтвизитка.
Здесь представлено лишь несколько
страниц, на которых указана
различная деятельность и контакты.
2. Дизайн выполнен в простом
смысле. Яркий контраст черного
шрифта на белом широком фоне
делает текст хорошо читаемым, но не
примечательным. Здесь присутствует
слайд-шоу из видео и простая
анимация. В целом просто и со
вкусом :)

21.

Анализ сайта
Halsey Official
• Это комбинированный сайт-визитка.
• Здесь представлена информация об
артисте, об деятельности и стоимость ее
альбомов.
• Яркий и динамичный дизайн
привлекает внимание уникальной
фотографией певицы Холзи. На сайте
присутствует простая Анимация,
удобные слайд-кнопки и навигация.
Простой и понятный сайт с основной
информацией о музыкальном
творчестве.

22.

Анализ сайта Алексея
Долматова "Гуф"
Это динамический сайт-визитка
артиста реп исполнителя.
Удивительная анимация на
главной странице сайта
заставляет зависнуть на просмотр
на секунду-другую. Бесспорный
успех. Крутая графика и яркие
кнопки удерживают внимание. На
сайте можно прослушать
любимые треки, посмотреть
видео и фото с выступлений.

23.

Часть 3.
Сайт на любую тему.

24.

Анализ сайта
группы 25/17
Это статический официальный
сайт.
Простая графика, четкий контраст,
легкий шрифт-все это является
отражением духа группы. Ничего
лишнего, только по делу, по
существу. Анимация отсутствует ,
только вставки из видео. Верхние
панели с различными ресурсами
помогают быстро найти нужную
информацию.

25.

Анализ сайта
"King-Bong"
Это коммерческий
комбинированный сайт магазина.
Яркая графика,
анимация помогают выбрать
нужный товар.
Есть навигация, перевод сайта на
некоторые языки, поиск.
Удобные рубрики четко
разделяют запросы потребителей,
что повышает шанс покупки.

26.

Анализ сайта
"Traffic"
• Это комерческий
комбинированный сайт магазина
одежды.
• Модная съемка помогла сделать
анимацию на сайте интересной и
доступной. Крутая графика и
ровный шрифт олицетворяют
уличный стиль. Классно,
интересно, модно.