Разработка сайта для Андрея Ковалёва

Доброго времени друзья! В рамках портфолио, спешу поделиться новостью об очередном завершенном проекте, на этот раз разработкой крупного информационного-портала(официального сайта) для бизнесмена, миллиардера, блогера, общественного деятеля и музыканта Андрея Аркадьевича Ковалёва. Работа велась несколько месяцев, и была разделена на несколько этапов: обсуждение деталей реализации с Андреем; разработка технического задания; проработка дизайна оформления; функциональное программирование; тестирование; написание документации; поисковая СЕО-оптимизация; работа с контентом (адаптация имеющихся материалов под новый формат); внесение правок и доработок с последующей сдачей и приемкой. Проект получился интересным, красивым, функциональным и самое главное, по достоинству оцененным заказчиком. Далее обо всем расскажу подробно.

Старая версия сайта

Начну с того, что расскажу про старую версию сайта Андрея Аркадьевича, который был запущен еще в далеком 2005 году, и на то время состоял из нескольких веб-страниц с основной информацией о музыканте(на тот момент). Сайт тогда состоял из простых HTML страниц, имел табличную верстку, встроенные Inline-CSS, а также несколько простеньких скриптов на JavaScript.

Затем в 2008 году произошло крупное обновление, сайт стал больше похож на портал, были добавлены новые разделы, новости, афиша, фотографии, музыка и песни, видеоклипы. Сменился дизайн, который был выполнен в тренде тех лет, трех-колоночная табличная «резиновая» верстка. CSS и JS уже были вынесены в отдельные файлы, но при этом сам сайт базировался по прежнему на простых HTML-страницах.

Следующее крупное обновление сайта было в 2015 году, так как контента стало много, за годы у Андрея вышло множество новых музыкальных композиций, видео-клипов, книг со стихами, также на сайт была добавлена информация о крупных проектах по аренде торговой и офисной недвижимости(управление недвижимостью), фуд-корте Подсолнухи и многое другое. Но самое главное, что это обновление привнесло в сайт — это CMS систему с админпанелью, базирующуюся на собственном движке, написанном на PHP и имеющим очень обширный функционал (за что стоит похвалить разработчика, для того времени проект получился классный). Но несмотря что на дворе был, к тому моменту, уже 2015 год, сайт не имел адаптивной(мобильной) версии, также многие его функции, например проигрыватель MP3, работали нестабильно, по причине устаревших технологий(библиотек) применяемых в JS коде.

В 2022 году, стало окончательно понятно, что пора обновлять сайт и переходить на более новый современный движок, с адаптивным дизайном(мобильной версией), красивым дизайном, широким функционалом, с возможностью последующего как обновления, так и внесения доработок. И именно в этот момент, к проекту подключился я, мы пообщались с Андреем, я предложил новую концепцию портала, мы подобрали дизайн, согласовали детали и составили техническое задание. В качестве движка была выбрана CMS WordPress, которая в представлении, думаю, не нуждается. Были подготовлены HTML макеты оформления сайта, написана тема-оформления для движка WordPress, разработаны плагины, подготовлен контент, после чего началась реализация.

Новая версия сайта

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

• Новости;
• Биография;
• Общественная деятельность;
• Афиша;
• Творчество;
• Музыка;
• Стихи;
• Песни;
• Видео;
• Мероприятия;
• Фотогалерея;
• Публикации и СМИ;
• Социальные сети;
• Страницы ошибок;
• Контакты.

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

Сайт включает в себя следующий функционал

• MP3 проигрыватель (адаптированный для разных устройств)
• Ajax подгрузка текста песен;
• Поиск по сайту;
• Фотогалерея (адаптированная для разных устройств);
• Регистрация пользователей (опционально);
• Сортировка и фильтр контента, пагинация;
• Виджеты с выводом последних новостей, событий, MP3-треков;
• Комментарии;
• Форма обратной связи;
• Ссылки на другие проекты Андрея;
• Блок с информацией о социальных сетях.

Технические параметры сайта

• Работает под управлением Linux, nGinx/Apache;
• Язык разработки: PHP 7, JavaScript;
• База данных: MySQL;
• Движок сайта CMS WordPress;
• Встроенный фреймворк: PHP RChe Framework (мой авторский проект);
• Адаптивный шаблон (поддержка мобильных устройств);
• Специально разработанная тема оформления (на базе готовой премиум-темы);
• Несколько разработанных плагинов;
• Настроенный внешний SMTP сервер;
• Встроенное ЧПУ (перенесенные URL с прежних версий сайтов);
• Маршрутизация через .htascces;
• Поисковая техническая оптимизация;
• Настроенный 301-редирект на старые URL;
• Оптимизация HTML/JS/CSS (minify, сжатие Gzip);
• Генерация изображений в формате WebP/WebA из Jpeg/PNG;
• Кеширование ресурсов как на стороне сервера, так и веб-браузера;
• Техническую адаптацию под СЕО;
• Механизмы безопасности как самой CMS WordPress так и встроенные на уровне плагинов(специально разработанных);
• Kkovalev-SEO. Разработанный плагин для CEO, переход на новую версия сайта с сохранением старых ЧПУ, 301-редирект;
• Kkovalev-Songs. Разработанный плагин, отвечающий за Ajax подгрузку текста песен к MP3;
  WP Audio. доработанный плагин под новые задачи.

Этапы работы

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

• Обсуждения деталей реализации с заказчиком;
• Разработка технического задания;
• Проработка дизайна оформления;
• Логотипы, баннеры;
• Функциональное программирование;
• Разработка базы данных (таблиц, полей, связей, индексов);
• Написание плагинов;
• Тестирование;
• Написание документации;
• Поисковый СЕО-аудит и оптимизация;
• Работа с контентом (адаптация имеющихся материалов под новый формат);
• Общение с помощниками(менеджерами, кураторами, IT-специалистами) заказчика;
• Внесение правок и доработок;
• Сдача и приемка;
• Последующее сопровождение и поддержка;
• Администрирование сайта, веб-сервера, ОС Linux.

Скриншоты

Заключение

В завершении, хочу поблагодарить Андрея Аркадьевича за оказанное доверие, в реализации такого крупного и непростого проекта. Отдельно хочу отметить, что Андрей очень приятен в общении, как на общие темы не относящиеся к процессу работы, так и на тему проекта, включая его техническую часть. Компетентный заказчик это радость для исполнителя!

Друзья, желаю и вам таких ярких, необычных, интересных и знаменитых клиентов! 😉

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

Любая автоматизация процессов, написание ботов, интеграции с API, решение сложных и не простых задач!