Диплом: Графическая концепция web-сайта

Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
37
Последним рассматривается агентство «Serenity», основанное Сергеем
Пруссом в 2005 году. Ссылка на сайт: https://serenity.agency/services/content. До
того, как создать компанию, предоставляющую услуги по продвижению (см.
таблицу 3) Сергей просто занимался тем, что нравилось – разрабатывал и
продвигал сайты. В университете он создал собственный проект –
развлекательный портал «Прусь». Неожиданно сайт стал довольно
популярным, в день его посещало более 6 000 человек. Это приносило доход –
проценты за размещение рекламы. Одновременно Прусс работал веб-мастером
в компании своего отца. Окончив университет Сергей, несмотря на неверие
близких в успех, все-таки зарегистрировал компанию, и в ноябре агентству
Serenity исполнится уже 15 лет.
Рис. 1.23. Стартовая станица сайта агентства Serenity
Последние 6 лет агентство проводили стажировки, что привело к
открытию школы, которая занимается подготовки востребованных
специалистов на рынке.
38
Рис. 1.24. Стартовая станица сайта школы Serenity
Целевая аудитория компании:
Возраст – от 18 до 35 лет;
Пол – мужчины и женщины;
Финансовое положение – выше среднего;
Гео-данные: Россия и СНГ.
Таблица 3
Комплекс и стоимость услуг, предоставляемых агентством:
Услуга
Стоимость
1
SMM
от 50 000 ₽
2
Продвижение в каналах контент-маркетинга
от 170 000 ₽
3
Комплексное продвижение
75 000 ₽
4
Бренд-стратегия
500 000 ₽
5
Маркетинговая стратегия
260 000 ₽
6
Маркетинг продаж
30 000 ₽
7
Контент-маркетинг
от 80 000 ₽
8
Таргетированая реклама
40 000 ₽
9
Контекстная реклама
40 000 ₽
10
Сайты
167 000 ₽
11
SEO продвижение
60 000 ₽
12
Брендинг
75 000 ₽
13
Видеопродакшн
60 00
39
1.7 Анализ компании «Anielio»
В качестве заказчика рассматривается креативное агентство «Anielio».
Основателем является молодая 23-х летняя предпринимательница Анна,
которая начинала свою работу в компании, специализирующейся на
оформлении и создании сайтов, а позже решила открыть собственное агентство,
предоставляющее услуги по монтажу, операторской съемке, фотографии и
созданию визуального контента в целом на площадке «инстаграм». Агентство
прошло большой путь, увеличив спектр предоставляемых услуг и развив
несколько направлений в бизнесе и уже 2 года успешно занимается созданием
визуального контента для блогеров, а также личных и бизнес-страниц,
представляющих различные бренды.
Рис. 1.25. Логотип компании Anielio
В самом начале пути компания столкнулась с низким спросом на свои
услуги и не могла выделиться на фоне конкурентов. Для решения данной
проблемы агентство нанимает дизайнера, который делает единую стилистику
для всех продуктов, проводит рекламные компании и размещает информацию о
предоставляемых услугах на различных информационных порталах,
привлекающие внимания потенциальных клиентов.
Однако привлекая большее количество клиентов и получая все больше
количество заказов, компания столкнулась с проблемой их обработки.
Менеджеры компании сильно нагружены не успевают обрабатывать все заказы
вовремя, тем самым теряя потенциальную прибыль компании. Для устранения
данной проблемы руководством компании было принято решение о
разработаете веб-сайта, позволяющего обрабатывать заявки от клиентов в
режиме онлайн, осуществлять связь с клиентом и давать основную
40
интересующую информацию о предоставляемых товарах и услугах компании.
Сейчас главное преимущество компании в том, что, сумев
адаптироваться под современные реалии, она дала возможность клиентам
получать товары и проходить обучение данной сферы онлайн, не выходя из
дома, что в период пандемии особенно важно. Также несомненным плюсом
является профессионализм, опыт и экспертность спикеров и наставников на
курсах. Так как идет повышение спроса на квалифицированных специалистов в
сфере создания визуального контента, в связи увеличением роста рабочих мест
для ведения личных и коммерческих страниц в социальных сетях, где
немаловажно учитывать тот факт, какими востребованными являются
специалисты, которые являются выпускниками курсов агентства «Anielio».
Именно за это компания приобрела хорошую репутацию на площадке
«инстаграм» и пользуется доверием у блогеров, лидеров мнений и
коммерческих брендовых страниц, которые также обращаются к ним за новыми
специалистами.
Сферой развития для агентства является расширение спектра услуг и
персонала для эффективной работы с клиентами, а также создание единой
площадки для обозрения пользователю предоставляемых продуктов, так как в
данный момент заказы обрабатываются через мессенджеры, а предоставляемые
товары не структурированы, что может отпугнуть новых клиентов и позволит
отдать предпочтение другой организации.
Агентство совершенствует свой профессиональный уровень и стремится
поддержать имидж компании, следуя современным тенденциям развития.
1.8 Портрет потребителя
Целевая аудитория – это группа людей, объединенная общими
признаками. Чтобы рекламная кампания точнее попадала в интересы
потребителя, а сайт – в задачи пользователя, нужно знать свою аудиторию: ее
желания, страхи, потребности, образ жизни.
Основная целевая аудитория компании «Anielio» – это девушки-
41
подростки, реже парни, а значит и аудитория разрабатываемого сайта – это
молодая группа возрастом от 15 до 23 лет, живущие в России и СНГ. Большую
часть информации впитывают через такие площадки как «инстаграм»,
«Вконтакете» и прочих социальных сетей. Подавляющее большинство
потребителей не имеют детей. В данной возрастной группе легко
воздействовать на восприятие и повлиять на способы познания мира. Это
молодые девушки, реже парни, которые возможно еще только учатся, хотят
начать работать в сфере визуального оформления или совершенствовать свои
навыки в дизайне. Чаще всего они еще четко не определились, чего хотят и
главной целью является удержать внимание и заинтересовать их. При
замечании таких факторов и слабых мест целевой аудитории можно сразу
понять на что нужно воздействовать. В подавляющем большинстве люди этой
возрастной группы пойдут искать такую площадку через уже проверенных
лидеров мнений, которым они доверяют.
Исходя из этих данных, необходимо произвести разработку спокойного,
размеренного, но в тоже время симпатичного и запоминающегося дизайна
сайта. Цвета необходимо использовать исходя из современных тенденций. Для
большей заинтересованности посетителя сайта можно использовать авторские
иллюстрации.
42
ГЛАВА 2. ПРОЕКТНО-ГРАФИЧЕСКАЯ
2.1 Бриф
В брифе на разработку сайта клиент рассказывает о компании,
описывает пожелания в общих чертах, а также обозначает основной
функционал и ценность будущего сайта для своего бизнеса. Бриф буквально
переводится как «инструкция», чем он, по сути и является.
Документ выполняет следующие задачи:
• дает понимание проекта обеим сторонам;
• позволяет заказчику оценить, соответствуют ли его компетенции
и ресурсы будущему проекту;
• дает возможность определить время создания сайта и его
примерную стоимость;
• помогает заказчику разобраться в специфике деятельности
заказчика.
Таблица 4
Бриф по разработке графической концепции сайта
Параметры
Запросы
1
Цель создания сайта
Продажа курса и
привлечение новых клиентов
2
Название компании
Anielio
3
Род деятельности компании
Обучение монтажу,
обработке фото и видео,
разработке дизайн-
концепции для личных и
коммерческих аккаунтов на
площадке инстаграм
4
Целевая аудитория
Девушки, реже парни,
возрастной категории от 15
до 23 лет, обладающие
доходом ниже среднего,
подавляющее большинство
еще не работает, получает
образование
5
Сайты-конкуренты
Https://mitroshina.org/#shop
Https://anastasili.ru/intensiv
Http://nioly.ru/nillionere#what
Https://diabout.ru/
6
Тип сайта
Landing page
7
Дизайн сайта
Плоский дизайн (flat)
8
Восприятие сайта
Стильный, современный,
креативный,
43
соответствующий модным
тенденциям
9
Цветовая гамма
Спокойные, мягкие
пастельные оттенки,
отсутствие ярких и пёстрых
цветов
10
Шрифты
Рубленные, отсутствие
шрифтов с засечками
11
Элементы, которые должны
присутствовать на сайте
Авторские иллюстрации,
логотип, кнопка регистрации
на курс, текстовые блоки,
окно онлайн поддержки,
часто задаваемые вопросы,
анонс курса, меню
12
Векторная графика
Обязательна
13
Растровая графика
Необязательна
14
3-d графика
Отсутствует
15
Фотографии
Отсутствуют
16
Информация на сайте
Тарифы, программа курса,
контакты
17
Меню
Горизонтальное
18
Язык наполнения
Русский
2.2 Разработка графической концепции для сайта компании
Весь процесс разработки графической концепции сайта был разделен на
несколько последовательно расставленных этапов:
произвести анализ компании;
разработать макет сайта;
проанализировать портрет потребителя;
разработать интерфейсы для клиентской части сайта;
произвести оценку стоимости проекта;
создать и опубликовать опрос в социальных сетях (см. приложение
2).
44
Рис. 2.1. Схема поэтапной разработки сайта
Далее мы более подробно рассмотрим каждый из представленных
этапов. Успешность проделанной работы зависит напрямую от этапа
проектирования, а успех в разработке зависит в первую очередь от верно
сформулированных и поставленных задач.
Проведя анализ задач, поставленных перед разработкой дизайна сайта
вместе с заказчиком были определены основные пожелания к оформлению:
Простой и лаконичный современный дизайн в пастельных оттенках,
отражающий основную идею агентства;
Представление актуальной информации о продуктах и их
стоимости;
Окно оказания поддержки клиентов;
Наличие функций интернет-магазина.
Обладатель любого веб-пространства хочет видеть на своем ресурсе как
можно большую численность гостей. В случае если web-сайт разработан для
коммерческих целей, то цифры посещаемости и конверсии становятся
обязательными. Для повышения качества сайта с точки зрения юзабилити
7
был
составлен перечень критериев, учтенных при разработке клиентской части
сайта.
1. Дизайн сайта
7
Юзабилити — это качественный показатель простоты и удобства использования сайта.
45
Минимализм и лаконичность – информация для пользователя подается в
четко организованном виде только в необходимом на данной стадии объеме.
Доступность – основная масса информации и функционала сайта
должны быть доступными и интуитивно понятными для пользователя.
Актуальность – дизайн веб-сайта обязан отвечать последним
направленностям в веб-дизайне, но в то же время не перегружать интерфейс
яркими цветами и контрастными сочетаниями, дабы не абстрагировать
пользователей от интересующей информации и продуктов веб-сайта.
Универсальность – страницы сайта должны выгодно отображаться как
на стационарных компьютерах, так и на мобильных устройствах.
2. Удобство навигации
Комфортабельность навигации по сайту это один из важнейших
приоритетов при создании проекта. Пользователь должен непринужденно и
беспрепятственно передвигаться по сайту, чтобы получить нужную
информацию или услугу.
Создавая сайт, учитывается его назначение, удобства последующего
сопровождения и развития. Сайт формируется в первую очередь для
посетителей и потому должен быть приятен для них в художественном
исполнении. Композиция и оформление элементов – то, что в основном
определяет внешний облик сайта. Графика в данной работе делается с
помощью графического редактора, Adobe Illustrator.
В качестве сайта была категория под названием «landing page». Такой
формат сайта позволяет донести пользователю информацию конкретной
компании, человеке, о каких-либо товарах, услугах и их стоимости.
Используется для усиления эффективности рекламы, увеличения аудитории за
счет краткого изложения информации. Это может быть, как персональный сайт
пользователя, так и сайт фирмы. Такой сайт ставит главной целью заявление о
старте компании в сети Интернет, дать информацию об основных направлениях
деятельности организации и сведения о том, куда можно обратиться
пользователю или партнеру фирмы за более подробной информацией.
46
В ходе разработки дизайн-проекта веб-сайта для представления
обучающего курса «Грамотный визуал», были разработаны интересные
графические элементы. Эти элементы несут декоративную функцию и
подчеркивают, уникальность и необычность сайта. Акцентной частью на
стартовой странице является портрет самой основательницы курса Анны,
нарисованный в стиле flat design. Все страницы сайта выдержаны в едином
стиле и не перегружены лишними объектами, что позволяет посетителям легко
и свободно передвигаться на сайте. Навигация на сайте реализована таким
образом, чтобы пользователь мог без затруднений перемещаться по сайту и
легко находить интересующую его информацию. На страницах сайта
используются оригинальные графические элементы, такие как авторские
иллюстрации, векторные объекты и разнообразные модули в виде простых
геометрических фигур (см. приложение 1).
В верхней части сайта располагаются логотип и горизонтальное меню
для навигации по сайту. Данное меню содержит следующие пункты: для кого
подходит данный курс, что получают участники после его прохождения,
тарифы и программа курса. В левой части страницы содержится
приветственное текстовое наполнение. В соответствии с исследованиями о
восприятии человеком текста и картинок в правой части находится
иллюстрационное наполнение, а слева располагается текстовое приветствие. В
самом низу страницы располагается кнопка регистрации на курс и контактные
данные в виде ника в инстаграм (см. рис. 2.2.).

Смотрите также:

"Автоматизация обработки заявок ООО "Проектно-Строительная Компания"
"Автоматизация процесса аттестации персонала для ООО "Нэт Бай Нэт Холдинг"
"Анализ интернет-активности конкурентов ( на примере конкурентов "Газпром нефть")
"Бухгалтерский учёт и аудит расчётов с подотчётними лицами в организации на примере ООО "ЛОЦ 10""
«Психологическое сопровождение персонала в организации на примере ООО «Крокус»
Agile-методология в управлении проектами на примере ООО «Ресурсный центр «Академия КлассИнфо»
Aвтoмaтизaция пpoцecca вeдeния инфopмaциoннoй бaзы o дoлжнocтяx и вaкaнcияx c укaзaниeм тpeбoвaний к уpoвню знaний и нaвыкoв кaндидaтoв для гpуппы кaдpoв вoйcкoвoй чacти 3474»
Cовершенствование деловой оценки персонала в организации (на примере ООО "Даймонд кейтеринг развитие")
Cовершенствование управления рентабельности предприятия (на примере гуипп «бендерская типография «полиграфист»)
Event - менеджмент: реализация проекта (на примере ООО "АГРОПАК")