Обновил портфолио: Notion → Framer

Давно хотел попробовать Framer как инструмент — смело рекомендую. Очень много бесплатных возможностей: порадовало, что нет ограничений по количеству страниц (по крайней мере, я в них не уперся), плюс можно бесплатно добавлять кастомный код (тот же Webflow таким похвастаться не может).
Еще один жирный плюс — понятный интерфейс и возможность легко делать анимации текста и других элементов, что добавляет сайту свою изюминку.
И при всем этом, даже с анимациями и контентом, сайт грузится достаточно быстро.

Как сделать портфолио и не сойти с ума? 🔫
1) Составляем список кейсов, которые хотим показать (желательно не больше 6)
2) Для каждого кейса пишем драфт: что именно хотим рассказать, в формате, подходящем под задачу. Тут юзаем метод STAR (Situation, Task, Action, Result)
3) Когда структура кейса готова — начинаем улучшать. Читаем несколько раз подряд и выкидываем весь текст без смысловой нагрузки, оставляем только реально важное
4) Подготавливаем картинки. Смотрим, как это делают другие (десктоп / мобила) и повторяем лучшие решения
5) Делаем сайт. Если нет идей для главной или сложно определиться — берем подходящий шаблон из библиотеки Framer и используем как основу. Дальше развиваем: добавляем элементы, меняем структуру под себя и т.д.
6) Оформляем кейсы уже на сайте, по ходу выкидывая все лишнее. При желании добавляем анимации на текст и картинки
7) Деплоим сайт, показываем маме и знакомым. Собираем обратную связь и шлифуем дизайн
8) Profit

Где подсмотреть оформление портфолио? 👀
Сейчас куча подборок портфолио, но большинство из них мне не зашло — слабые кейсы, много визуала на самом сайте, но мало смысла внутри. В итоге собрал свой список портфолио после жесткого отсеивания — на него и советую ориентироваться: смотреть структуру сайтов, подачу кейсов и подмечать мелкие, но важные детали

https://imbarinov.com/
https://www.charlieosborne.co/
https://hellodani.co/
https://mariyork.notion.site/f91f3e596424409088b90662901544c8
https://danial.si/
https://www.denisabdullin.com/
https://vladkalashnikov.framer.website/
https://lilyakhmetova.com/
https://beisembin.framer.website
https://serega.works/
https://bogdan.kz/
https://bibickl.cargo.site/
https://garri.design/

Мое портфолио здесь 👉

💬 Тултип