«РАЗРАБОТКА СТРУКТУРЫ И ДИЗАЙН ИНФОРМАЦИОННЫХ РЕСУРСОВ ЦЕНТРА РАЗВИТИЯ РЕБЕНКА «KотоффKids»» - Дипломная работа

Содержание

Введение 3

Глава 1. Теоретические основы разработки структуры и дизайна информационного ресурса 5

1.1. Понятие web-дизайна 5

1.2. Требования к типовой структуре образовательного web-сайта 6

1.3. Анализ существующих сайтов и выявления их ключевых особенностей 11

Выводы по первой главе 18

Глава 2. Проектирование структуры и дизайна web-ресурса «KотоффKids» 19

2.1. О центре развития ребенка «КотоффKids» 19

2.2. Проектирование информационного ресурса «КотоффKids» 20

2.3. Внутренняя структура сайта и структурные блоки сайта 27

2.4. Создание sketch макета 30

2.5. Формирование PSD макета 32

2.6. Анализ экономической эффективности разработки 34

Выводы по второй главе 38

Глава 3. Разработка сайта для центра развития ребенка «KотоффKids» 39

3.1. Обоснование выбора программных средств разработки 39

3.2. Верстка шаблона сайта 40

3.3. Руководство пользователя 48

3.4. Тестирование сайта пользователями и специализированными сервисами 51

Выводы по третьей главе 56

Заключение 57

Список использованной литературы 58

Приложение 60

Введение

От внешнего вида сайта, зависит многое. Хороший дизайн можно считать эффективным инструментом для привлечения новых клиентов и поддержания интереса у имеющихся. Данный маркетинговый ход сначала привлекает посетителей сайта, затем подогревает интерес. В конечном итоге, пользователь совершает действие, которое от него ожидается. Если это сайт для продажи какого-то продукта, то ключевое действие - покупка продукта. Если это образовательный сайт, как в нашем случае - оформление заявки на обучение в центре развития ребенка.

Разработчики сайтов очень часто совершают ошибку, не уделяя достаточного количества времени на разработку дизайна главной страницы. Вследствие чего мы не получаем ожидаемых действий от посетителей. Такие сайты не могут получать достаточное количество посещений, даже если на их страницах есть полезная информация, не говоря уже об ожидаемых действиях.

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

Объект исследования: Центры развития ребенка города Уфы.

Предмет исследования: Информационный ресурс для центра развития ребенка «КотоффKids».

Цель выпускной квалификационной работы: разработка структуры и дизайна информационного ресурса центра развития ребёнка «КотоффKids» для привлечения новых клиентов.

Для достижения поставленной цели необходимо решить следующие задачи:

1. Провести анализ существующих аналогов.

2. Выявление ключевых требований к web-сайту центра развития ребенка «КотоффKids».

3. Разработка структуры, верстка макета и реализация web-сайта.

4. Апробация в центре развития ребенка «КотоффKids».

Методы исследования: анализ существующих сайтов образовательных центров, сравнение, выявление ключевых требований к web-сайту, изучение тематических сайтов, изучение литературы по дизайну web-страниц.

В тексте ВКР описаны шаги разработки внешней и внутренней структуры сайта, sketch и psd макет. На основе уже разработанного макета - создание из картинки динамической страницы. Сначала создается главная страница, а затем все остальные содержащие необходимый функционал.

Выдержка из текста работы

ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ СТРУКТУРЫ И ДИЗАЙНА ИНФОРМАЦИОННОГО РЕСУРСА

1.1. Понятие web-дизайна

Web-дизайн состоит из двух слов: web - это сокращение от World Wide Web (всемирная паутина), а дизайн - от английского слова design, что в переводе означает чертить, проектировать, создавать рисунок и так далее. Таким образом, web-design это проектирование для сети интернет.

Веб-дизайн - это разработка структуры сайта, которая показывает оригинальность организации, посредством применения инструментальных средств, цветовых и графических решений. Что формирует у пользователей сети интернет эстетическое восприятие [1].

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

Веб-дизайн решает ряд задач, которые необходимы для создания полноценного сайта:

1. Повышение уникальности web-страницы - дизайн предает отличительные особенности сайту. На просторах интернета мелькает огромное количество сайтов схожей тематики. Для того, чтобы выделиться среди них, необходимо создать оригинальный дизайн, не такой как у всех. При этом не должно возникать трудности при поиске необходимой информации.

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

2. Привлечение внимания - дизайн должен привлекать внимание целевой аудитории. Правильно подобранная цветовая гамма будет вспомогательным элементом, а если взять яркую цветовую гамму, которая режет глаза. То это будет только отпугивать, а не привлекать внимание. Излишние детали, аналогично, могут мешать сосредоточиться на главном и приведут к уходу на другой Интернет-ресурс.

3. Донесение информации до пользователя - web-дизайн отвечает не только за красоту и яркость сайта, а еще является способом донести информацию до конечного пользователя. Информация должна быть полной, чтобы удовлетворить потребности клиента. Для этого применяют правильную компоновку контента, то есть содержимого сайта. Никогда не стоит вставлять сплошной текст на страницу. Это не красиво и тяжело читается, таким образом, информация не будет донесена. Работая со шрифтом, цветом текста, межстрочным интервалом, выделением - можно подчеркнуть важную информацию.

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

Заключение

В рамках выпускной квалификационной работы была разработана структура сайта, его дизайн, что явилось основой для реализованного web- сайта для центра развития ребенка «КотоффKids», главной задачей которого является реклама самого центра и предоставляемых им услуг.

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

Функционал сайта, позволяет кроме просмотра информации оставить заявку на запись в центр развития ребенка «КотоффKids», а также оперативно связаться с представителем организации - заказав, обратный звонок или же связаться по WhatsApp или Вконтаке, прямо со страниц сайта.

Данная разработка размещена на хостинге с доменном kotoffkids.ru. В подтверждении о том, что сайт уже функционирует организация - заказчик выдал и справку о внедрении (Приложение 5).

Поставленные цели и задачи выпускной квалификационной работы выполнены. А именно:

1. Проведен анализ существующих аналогов, который позволил определить современные тенденции и необходимый функционал для информационного ресурса центра развития ребенка.

2. Выявлены требования к web-сайту центра развития ребенка «КотоффKids».

3. Разработана структура и дизайн ЦРР «КотоффKids» главной задачей которого является реклама самого центра и предоставляемых им услуг.

4. Проведена апробация разработанного сайта в центре развития ребенка «КотоффKids». Проведена консультация методиста к работе администратора сайта.

Список литературы

1. Берд, Дж. Веб-дизайн. Руководство разработчика. [Текст]: учебное пособие /Дж. Берд. - СПб.: Питер, 2014. - 224 c.

2. Бисеров, А.Ю. Письмо Федеральной службы по надзору в сфере образования и науки [Электронный ресурс]. - Режим доступа: URL: http://xn-- 273-**4d1f.xn--p1ai/akty_minobrnauki_rossii/pismo-rosobrnadzora (15.02.2019).

3. Гарретт, Д. Веб-дизайн. Элементы опыта взаимодействия [Текст]: учебное пособие / Д. Гарретт. - СПб.: Символ-плюс, 2015. - 192 c.

4. Гончаров, А.В. Web-дизайн [Текст]: учебник / А.В. Гончаров. - М.: КУДИЦ-Пресс, 2015. - 320 c

5. Детский клуб «Монти» [Электронный ресурс]. - Режим доступа: URL: http://www.mo**iclub.ru/ (21.02.2019).

+ еще 13 источников

Примечания

Оригинал в pdf