Сделал знакомому сайт за 2 часа, хотя фронтенд не умел

Фронтенд всегда был моей слабой стороной. Мне честно говоря не особо важно как выглядит сайт. Главное как он работает. Но когда речь идёт о цветах, кажется внешний вид это самое главное.

Недавно знакомый владелец кофейни попросил сделать сайт. Он открывает новое направление - кофе и цветы в одном месте. Сайт как обычно нужен был вчера. На трёх языках. И чтобы выглядел прилично.

Первая мысль - да ну нафиг. Цветы это не корпоративная заглушка где сойдёт любой шаблон. Тут важна эстетика. А эстетика это ровно то что у меня хромает. Раньше такая история заняла бы неделю минимум: дизайн в фигме, вёрстка, адаптив под мобилы, кроссбраузерность - и это только визуальная часть. Плюс три языка. По старым раскладам геморрой дней на пять, и это если повезёт. Да и я давно уже не делал сайтов.

Но подумал: а что если дать себе жёсткий лимит в пять часов и проверить, что получится с ИИ? Знакомый подогнал домен и хостинг. Я взял UI скилл - он генерит дизайн-систему под конкретную нишу: палитру, шрифты, стиль, паттерн сайта. Сформулировал задачу в несколько предложений и запустил.

Через час сайт был готов на 80%. Дальше начались нюансы.

Мультиязычность ИИ накидал криво. Переключалка ломала вёрстку, часть строк не подхватывалась. Пришлось разобраться как устроен i18n в тайпскрипте и переделать руками. Ну как руками, попросить ИИ это пофиксить. Это заняло больше всего времени.

Второй затык - картинки. Без них сайт выглядел как каркас: структура есть, а настроения нет. Фото реальных букетов ещё не было. Сгенерировал заглушки через ИИ все в одном стиле под палитру сайта. Это прям улучшило визуал - сайт стал выглядеть законченным.

Итого: два часа. Адаптивная вёрстка, три языка с переключалкой, форма заказа. Раньше неделя, сейчас два часа. Ну и сайт который не стыдно показать, что для меня вообще редкость с фронтом. Приятно, что теперь вот этим все можно заниматься поменьше.

Скилл который использовал: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

Если знаете ещё похожие скилы для дизайна, кидайте в комменты.

P.S. Я очень внимательный, поэтому забыл добавить ссылку на сайт https://lifeflowers.am 🙂