Завершила работу над проектом, которым плотно занималась два месяца. Хочу наконец поделиться впечатлениями и посмаковать

В один пост не уложусь, так что этот 1/2

Итак, поехали

Заказ: сайт для девелопера складских помещений класса А в Эмиратах

1. Структуру сайта заказчик уже продумал. Так что первым этапом работы стала отрисовка дизайн-концепции (это такая база для масштабирования дизайна). Моя коллега забабахала шикарную ДК, в которую я влюбилась с первого взгляда. По сути, на своей любви к этому дизайну я и двигалась весь проект, а также совершала некоторые глупости

Но обо всем по порядку

2. С кайфом отрисовала все блоки десктопа и адаптивы для мобильной версии. Тут стоит отметить, что ещё когда я увидела первые экраны ДК, сразу поняла - вёрстка будет очень «весёлая», потому что я и половины не понимала, как реализовать. Но решила, что, как в известном романе, «подумаю об этом завтра». Когда придёт время вёрстки

Верстаю я на Тильде, поэтому есть определённые ограничения, о которых раньше я только читала, а в этот раз столкнулась сама. И мне не понравилось.

3. Началась вёрстка — начались сложности:

• Сначала выяснилось, что для необычных скруглений шейпов и фото «по суперэллипсу» нужно использовать скрипт

• Сломала голову, как получить легчайшие переходы между блоками (в дизайне они были отдельными блоками, а не цельной страницей, и во многих местах фоновая картинка выходила за край блока). Получилось после нескольких попыток

• Потом отрисовала целую схему переходов, чтобы подобрать модификации кодом, с помощью которых можно будет всё реализовать. В некоторых местах замиксовала несколько скриптов и анимаций, чтобы получить то, что хотелось

• Расшарила два сервиса с модификациями для Тильды. Скриптов перепробовала по несколько штук для реализации почти каждого кластера блоков

• В процессе вёрстки поняла, что в большинстве блоков не получится сверстать все адаптивы (десктопные, для планшетов и мобилок) внутри одного блока, и в итоге на странице в 5 визуальных блоков, их на деле получилось 37, без учёта блоков меню и скриптов (омг)

И тут случилась моя главная ошибка:

✅ не заложить время на исследования, и в авральных темпах, с заказчиком на изжоге стараться продумать механики, выбрать самые подходящие сервисы, чтобы потом их оплатить, протестировать кучу модификаций, параллельно верстая и адаптируя сайт под мобилки. Это я могу, да. Done

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

4. И вот мы уже в финале, допилили мобильную версию, а на выходе треш — загрузка за 18 секунд…

О том, как мы выкручивались из этой ситуации – в следующем посте

А пока расскажите: какой у вас был самый эпичный технический факап? Уверена, я не одна, кто сначала планирует мощный проект, а в процессе упирается в потолок возможностей софта или платформы. Что это был за инструмент и как в итоге справились?

#дизайн #кейс #ошибки #процессы