Личный проект • 2024

Портфолио и CMS

Портфолио с собственной CMS: удобный редактор контента и кейсов без сторонних конструкторов.

Длительность
4 месяца
Команда
Графический дизайнер, Frontend
Моя роль
Графический дизайнер

Контекст

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

Время на обновление кейса

< 5 мин

Сторонних CMS

0

Редактор

свой

Система должна включать удобный редактор. CMS — своя, самописная: простая, быстрая и заточенная под формат дизайн-кейсов.

Исследование

Изучил портфолио дизайнеров и типовые CMS. Готовые конструкторы либо перегружены, либо плохо подходят под длинные кейсы с навигацией по секциям.

Проблемы стейкхолдеров

  • Долго править тексты через код
  • Нет единого места для медиа и метаданных кейса
  • Сложно держать единый визуальный стиль карточек и страниц

Определение задачи

Сделать минималистичное портфолио и админку, где за минуты можно изменить профиль, проекты и блоки кейса — с предсказуемой вёрсткой «как на макете».

  • Редактирование профиля и контактов
  • Карточки проектов: тег, заголовок, описание, NDA, обложка
  • Секции кейса: текст, списки, статистика, галереи

Поиск решения

Выбрал файловую JSON-CMS и визуальный редактор в админке. Контент хранится рядом с проектом, публичная часть читает те же данные.

  • Удобный редактор блоков кейса
  • Самописная CMS без лишних зависимостей
  • Единый дизайн публичной части и превью

Прототипирование и тестирование

Собрал прототип админки: список проектов, форма профиля, редактор секций. Проверил сценарии «добавить кейс», «поменять роль», «обновить галерею».

Итоги

Получилось живое портфолио с собственной CMS. Контент правится в удобном редакторе, публичная часть остаётся чистой и стабильной.

Из заявленных фич удалось реализовать:

  • Удобный редактор профиля и кейсов
  • Самописная CMS на JSON
  • Страницы кейсов со sticky-навигацией