Личный проект • 2024
Портфолио и CMS
Портфолио с собственной CMS: удобный редактор контента и кейсов без сторонних конструкторов.
- Длительность
- 4 месяца
- Команда
- Графический дизайнер, Frontend
- Моя роль
- Графический дизайнер
Контекст
Нужен был сайт-портфолио, который можно обновлять самостоятельно: добавлять кейсы, править тексты и менять медиа без разработчика.
Время на обновление кейса
< 5 мин
Сторонних CMS
0
Редактор
свой
Система должна включать удобный редактор. CMS — своя, самописная: простая, быстрая и заточенная под формат дизайн-кейсов.
Исследование
Изучил портфолио дизайнеров и типовые CMS. Готовые конструкторы либо перегружены, либо плохо подходят под длинные кейсы с навигацией по секциям.
Проблемы стейкхолдеров
- Долго править тексты через код
- Нет единого места для медиа и метаданных кейса
- Сложно держать единый визуальный стиль карточек и страниц
Определение задачи
Сделать минималистичное портфолио и админку, где за минуты можно изменить профиль, проекты и блоки кейса — с предсказуемой вёрсткой «как на макете».
- Редактирование профиля и контактов
- Карточки проектов: тег, заголовок, описание, NDA, обложка
- Секции кейса: текст, списки, статистика, галереи
Поиск решения
Выбрал файловую JSON-CMS и визуальный редактор в админке. Контент хранится рядом с проектом, публичная часть читает те же данные.
- Удобный редактор блоков кейса
- Самописная CMS без лишних зависимостей
- Единый дизайн публичной части и превью
Прототипирование и тестирование
Собрал прототип админки: список проектов, форма профиля, редактор секций. Проверил сценарии «добавить кейс», «поменять роль», «обновить галерею».
Итоги
Получилось живое портфолио с собственной CMS. Контент правится в удобном редакторе, публичная часть остаётся чистой и стабильной.
Из заявленных фич удалось реализовать:
- Удобный редактор профиля и кейсов
- Самописная CMS на JSON
- Страницы кейсов со sticky-навигацией