Я Даниил, продуктовый дизайнер, ментор, диджитал артист и тот, кто топит за простоту и функциональность в работе
Здесь: полезные сервисы, новинки в дизайне, работа в студиях и моя жизнь
Post #480
92

Как я перестал прокрастинировать и завайбкодил себе сайт за 2 недели
Такие заголовки же сейчас хайповые?
На самом деле перед началом любого вайбкод проекта, если не хочется создать нейрослоп, приходится много работать руками и головой
Ни одна система не появится сама по себе. Куда проще собрать требования, создать чёткую систему, по которой строится дизайн продукта и всё это систематизировать и выгрузить в нейронку. Причём и этого может быть недостаточно, чтобы в один промт нейросеть могла написать код, который учитывал бы все ограничения и окончательную задумку автора
Когда я обжёгся с тем стартаперским проектом, были сделаны выводы: нормально не будет, если просто отдать нейронке какие-то свои идеи. Будет косо-криво и придётся много дорабатывать, сжигать вагоны токенов и покупать более дорогие подписки
Как говорится:
был бы у меня такой Клод, я б может и не женился бы никогда
каламбур авторский, если вы его где-то видели, напишите мне, я кринжану с себя
—————————
Поэтому первую неделю я жёстко штурмил, собирал рефы и держал в голове мысль "сайт уровня awwwards я рожать не собираюсь, мне главное собрать основную инфу про себя и мои работы, чтобы удобно открывалось с любого устройства и выглядело свежо"
Тут то и отпали любые блокеры. Сначала я сходил в чатгпт и с ним поштурмил о структуре на основе рефов, которые мне зашли
Затем он накидал в моём фигма-файле пару прототипов по структуре, благодаря чему в голове рождались новые идеи
Не раз приходилось дорабатывать тексты и формулировки у тайтлов кейсов
Так как я недавно экспериментировал со своим визуальным позиционированием — у меня уже был какой-то фундамент того, что я хочу отобразить на сайте. Это сэкономило мне кучу времени на поиск своего стиля
И где-то дня за 3-4 я собрал главную, в которую интегрировал и старые решения из моего предыдущего портфолио
И только тогда, когда я у меня в голове и на холсте появилась система, я пошёл в Codex, чтобы мы определили стэк, нашли проблемные места и запланировали пул работ. Пока что я не описывал правила в файле DESIGN MD, но уверен, что по мере разрастания системы этот файл будет сильно пополняться
—————————
Страница кейса была создана за пару дней, учитывая сжигание лимитов на моей простенькой подписке. Мне, пока я создавал главную страницу, удалось натаскать Codex и он перестал имаджинировать и стал применять нужные мне стили. Без пары микро-правок никогда не обходилось
Вот такой вот процесс работы. Не используйте дорогие модели для бомж-правок, а для серьёзных штук берите дорогие — и время и нервы сбережёте
Сайт вышел не ультра-креативным, но за разработку эффекта шевеления листвы мне такую премию дадут... оч нравится
Такие заголовки же сейчас хайповые?
На самом деле перед началом любого вайбкод проекта, если не хочется создать нейрослоп, приходится много работать руками и головой
Ни одна система не появится сама по себе. Куда проще собрать требования, создать чёткую систему, по которой строится дизайн продукта и всё это систематизировать и выгрузить в нейронку. Причём и этого может быть недостаточно, чтобы в один промт нейросеть могла написать код, который учитывал бы все ограничения и окончательную задумку автора
Когда я обжёгся с тем стартаперским проектом, были сделаны выводы: нормально не будет, если просто отдать нейронке какие-то свои идеи. Будет косо-криво и придётся много дорабатывать, сжигать вагоны токенов и покупать более дорогие подписки
Как говорится:
был бы у меня такой Клод, я б может и не женился бы никогда
каламбур авторский, если вы его где-то видели, напишите мне, я кринжану с себя
—————————
Поэтому первую неделю я жёстко штурмил, собирал рефы и держал в голове мысль "сайт уровня awwwards я рожать не собираюсь, мне главное собрать основную инфу про себя и мои работы, чтобы удобно открывалось с любого устройства и выглядело свежо"
Тут то и отпали любые блокеры. Сначала я сходил в чатгпт и с ним поштурмил о структуре на основе рефов, которые мне зашли
Затем он накидал в моём фигма-файле пару прототипов по структуре, благодаря чему в голове рождались новые идеи
Не раз приходилось дорабатывать тексты и формулировки у тайтлов кейсов
Так как я недавно экспериментировал со своим визуальным позиционированием — у меня уже был какой-то фундамент того, что я хочу отобразить на сайте. Это сэкономило мне кучу времени на поиск своего стиля
И где-то дня за 3-4 я собрал главную, в которую интегрировал и старые решения из моего предыдущего портфолио
И только тогда, когда я у меня в голове и на холсте появилась система, я пошёл в Codex, чтобы мы определили стэк, нашли проблемные места и запланировали пул работ. Пока что я не описывал правила в файле DESIGN MD, но уверен, что по мере разрастания системы этот файл будет сильно пополняться
—————————
Страница кейса была создана за пару дней, учитывая сжигание лимитов на моей простенькой подписке. Мне, пока я создавал главную страницу, удалось натаскать Codex и он перестал имаджинировать и стал применять нужные мне стили. Без пары микро-правок никогда не обходилось
Вот такой вот процесс работы. Не используйте дорогие модели для бомж-правок, а для серьёзных штук берите дорогие — и время и нервы сбережёте
Сайт вышел не ультра-креативным, но за разработку эффекта шевеления листвы мне такую премию дадут... оч нравится


















