Привет .
Я Михаил, более 10 лет занимаюсь веб-разработкой: сайты, CRM, сервисы и приложения.
Сайт фотографа Юлии Ражиной
Сайт фотографа Юлии Ражиной

Задача

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

Решение

Всегда стоит начинать с анализа сайтов похожей тематики: у конкурентов и коллег всегда можно научиться тому, как стоит и как не стоит делать. Было решено оставить необходимый минимум: это не создаст на посетителей и потенциальных клиентов смысловой нагрузки. Также было выбрано общее направление, в котором будет оформляться сайт: остановились на лаконичном стиле, который не будет отвлекать от главного — от фотографий.

Тратить время на макеты не имело смысла ввиду того, что это зачастую тормозящий этап, особенно для сайтов такого объёма. 

После разработки прототипа я сразу приступил к вёрстке и её интеграции с CMS.

Стек технологий

Я не использовал какие-либо CSS/JS-фреймворки или библиотеки вроде jQuery, к тому же, их использование для таких сайтов нецелесообразно и может сказаться на быстродействии. Всё, что мне нужно — удобный препроцессор, транспайлер для написания кода на современном JavaScript и система сборки. Backend традиционно на MODX Revolution, так как эта CMS содержит удобный интерфейс и дружелюбен для пользователей, умеющих пользоваться компьютером. Никакой погони за хайпом вроде Laravel, это излишнее.

  • MODX Revolution — гибкая система управления.
  • PostCSS.
  • ES6.
  • Gulp, webpack.

Немного скриншотов

За обновлениями можно следить в telegram-канале https://t.me/quasiart