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

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
Заказать работу
предложить оффер

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

Archive

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