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

Author Автор: Роман Чернышов    Опубликовано: 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, решение сложных и не простых задач!

Оставить комментарий

Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Оформить предзаказ
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка