Немецкий Онлайн-институт
Клиент
GOI — это негосударственный образовательный проект, предлагающий дистанционные курсы немецкого языка по стандартам CEFR. Услуга предоставляется в форме онлайн-взаимодействия между учащимися и преподавателями. Специалисты ГОИ разрабатывают индивидуальные образовательные программы и помогают процессу индивидуального обучения по скайпу.
Адрес сайта — www.germanonlineinstitute.com
Основные цели проекта
Разработать рекомендации по бизнес-идентификатору для проекта GOI (логотип, фирменный стиль, корпоративные шрифты и цвета). Чтобы сделать проект легко узнаваемым и запоминающимся. Разработать современный и надежный, оригинальный и удобный корпоративный сайт, который послужит платформой для эффективного сотрудничества с потенциальными клиентами.
Наш план
- • Разработать корпоративный логотип.
- • Разработать руководство по фирменному стилю, содержащее утвержденные цветовые палитры, шрифты, макеты страниц и информацию о том, как должны применяться эти правила.
- • Дизайн макета для будущих страниц сайта, дальнейшее кодирование и функциональная разработка.
- • Завершить тестирование сайта, запустить его работу.
- • Первоначальная поддержка клиента.
Результат
Удобный двуязычный корпоративный сайт, современный, привлекательный и оригинальный, с удобной навигацией. Несомненно, этот сайт будет способствовать эффективному продвижению образовательного проекта GOI на рынке. Подобный результат будет означать, что наша работа выполнена на 100%.
СПИСОК ВЫПОЛНЕННЫХ ЗАДАЧ
Для достижения поставленной цели мы выделили 5 основных шагов:
- Разработка корпоративного логотипа на основе уже существующих файлов. Разработка корпоративных названий и набора руководящих принципов.
- Дизайн макета и дальнейшее кодирование в соответствии с современными стандартами удобства использования и адаптивности.
- Верстка на HTML5 / CSS3.
- Дополнительная функциональная разработка. Интеграция с системой управления контентом WordPress.
- Публикация сайта.
Процесс
1. На первом этапе мы подготовили пару концепций логотипа. Позже один из них был одобрен клиентом. Утвержденный логотип послужил основой для создания руководящих принципов GOI business ID. За основу корпоративной палитры были взяты синий и оранжевый цвета. Каждый из них является «символическим». Синий цвет подчеркивает использование сервиса Skype, в то время как оранжевый цвет идеально сочетается с синим и создает некоторый контраст, необходимый для привлечения и удержания внимания посетителей. Важным продуктом этого этапа является логотип, представленный в самых разных форматах, включая готовые к печати форматы.
2. На втором этапе мы разработали макеты для домашней страницы и других уникальных страниц. Кроме того, мы разработали баннеры. Важным результатом этого этапа является утвержденный дизайн страниц в форматах PSD/JPG.
3. На этом этапе мы выполнили адаптивное кодирование HTML/CSS всех утвержденных страниц. Поскольку все больше и больше людей предпочитают использовать мобильные устройства для серфинга в Сети на ходу, мы оптимизировали его для смартфонов и планшетных компьютеров.
4. На этапе проектирования мы выполнили интеграцию сайта с CMS WordPress. Эта CMS отличается удобством и простотой. Наличие множества различных плагинов и шаблонов заставило нас выбрать WordPress. Также на наш выбор повлияло то, что WordPress имеет одну из самых простых в обращении систем управления контентом. Кроме того, мы интегрировали форму обратной связи на facebook, которая автоматически отображает и обновляет только комментарии, оцененные в 5 звезд.
5. На заключительном этапе мы провели SEO-оптимизацию (XML sitemap, robot.txt файл) и установленный инструмент Google analytics. Это помогло добиться правильной индексации поисковыми системами. Кроме того, мы провели тестирование системы сайта. Это помогло достичь кроссбраузерной совместимости, адаптируемости к мобильным устройствам. Кроме того, мы записали обучающие видеоролики для клиента, чтобы научить его самостоятельно управлять сайтом и самостоятельно выполнять общие задачи (загружать новости, менять изображения и т.д.).
Команда разработчиков
Константин Давыдов — дизайн, настройка темы
Сергей Пищанецкий — разработка WordPress
Алекс Шаленный — управление проектом
Со всей нашей командой можно познакомиться здесь.
Технологии
Adobe Photoshop CC
HTML5 / CSS3 / Javascript
PHP5 / MySQL
WordPress CMS