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

Автор: Роман Чернышов Опубликовано: 30 декабря 2022

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

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

Начну с того, что расскажу про старую версию сайта Андрея Аркадьевича, который был запущен еще в далеком 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, решение сложных и не простых задач!

Заказать работу >>