Category: Создание сайтов

Tags: создание сайтов в екатеринбурге, создание сайтов, веб-дизайн, создание сайтов Екатеринбург

Название сайта:

Официальный сайт музыканта Ки-Real

Тип сайта: имиджевый сайт-визитка

Задачи по созданию сайта:
разработка сайта, веб-дизайн, верстка темы оформления, обработка фотографий, наполнение сайта

Обслуживание сайта: полная замена технической базы, дизайна и верстки сайа

Задачи по продвижению сайта: составление семантического ядра, поисковая оптимизация сайта, создание контента

Технические особенности:
► удобная административная панель
► форма обратной связи
► функция комментирования отдельных материалов
► фотогалерея с функцией "лайтбокс"
► загрузка и трансляция фидеофайлов
► загрузка и трансляция аудиофайлов
► анимированное облако тегов
► программное решение для поисковой оптимизации
Ссылка на сайт: Ki-Real.ru

А теперь обо всем этом подробнее

Впервые мы делалли сайт для Кирилла еще в 2010 году. И, надо сказать, мало что имели в распоряжении, чтобы получился имиджевый сайт, буквально несколько типовых фото ртиста.
Выбрали из общеего числа фотографий максимально современные, с которыми можно было работать. И уже затем из них выбрали всего одну, которая больше всего подходила для использования в дизайне сайта (остальные обработали, облагородили, сделили более современными и загрузили в фотогалерею). Кстати, как ни странно, она сохранилась для истории, правда, в несколько измененном виде: изначально стена была серой и на фото не было желто-зеленого света.
Далее на фото был нанесен цвет, свет, сияние, дым и куча самых разнообразных деталей + фото дополнили логотипом, который разработали специально в стиле шоу-бизнеса, сделали его золотым, украсили искрами и огренными змейками.
И вот что вышло из этого скромного фото - довольно прогрессивный по меркам 2010 года имиджевый дизайн.

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

Время шло, сфера интернета менялась, появлялись новые прогрессивные технологии, старые - умирали. Совершенно ни кстати стала "умирать" технология flash.
В связи с чем мы были вынуждены отказаться от использования этой технолоиги в дизайне. Однако, на этом дело не закончилось. Видео и аудио воспроизводилось плеерами и если на компьютере их можно было без труда просматривать, то на мобильных устройствах оно воспроизводилось с переменным успехом и нередко требовало установки доплнительных плагинов.
Изначально ни кто и не думал о том, что пользователи мобильных устройств станут настолько значимой частью посетителей сайта, однако время внесло свои коррективы и в этом году (2014) вопрос с адаптацией плееров встал очень остро.
Техническая составляющая сайта за прошедшее время уже устарела, появилась новая, современная версия движка с большими возможностями и более простым и удобным интерфейсом, позволяющим намного быстрее, чем раньше, выполнять какие-либо работы на сайте. Обновлять функционал на старой базе - не правильно и мы решили полностью заменить техническую платформу, фактически на сайте остались бы только существующие страницы, блоки и меню, все остальное было бы тотально заменено. Это огромная работа, поэтому мы решили, что раз уж намечаются такие изменения, то и дизайн стоит заменить более современным, усовершенствовать структуру сайта и юзабилити, ведь за прошедшие годы и в этой сфере появилось много новых тенденций, облегчающих жизнь посетителям сайа, и не следовать им - просто преступление против потенциальных клиентов.
И итоге:
Так темный фон мы заменили на светлый, вынесли контактную информацию в шапку сайта сделали несколько имиджевых слайдов на главной странице, которые презентовали артиста и рассказывали о нем посетителю крайне ненавязчиво. Так же мы вынесли видео, аудиозаписи артиста и его дипломы на главную странцу, чтобы дать возможность пользователям получить об артисте как можно больше информации уже на главной странице и не утомлять их лишними кликами.
Структуру сайта сделали более простой и прозрачной, добавили социальные кнопки.

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

Страницу с аудиозаписями так же оформили максимально компактно, чтобы оживить странцу, сопроводили плееры фотографией артиста.
Пришлось постараться, чтобы найти подходящий плеер на HTML5, который будет работать во всех устройствах без дополнительных плагинов (в процессе столкнулись с анекдотической ситуацией: один из плееров HTML5 не работал на Android, поскольку у разработчиков не нашлось для тестирования подходящего девайста) но, нем не менее пригодный плеер был найден и вот он, собственной персоной!

Обновили функционал фотогалереи, добавили алгоритмов для обрезания фотографий до миниатюр и загрузили современные фото из новой фотосессии.

Ну и еще несколько скриншотов нового сайта и старого, который в настоящее время уже стал историей.