Мой сайт 2.0

Антикейс: как мой сайт 2.0 выглядел идеально, но не работал на результат, и что я изменила в версии 3.0

Когда красота не приносит результата

Мои преподаватели из школы Тильды часто говорили: «Верстальщики забавные — когда дело доходит до собственного портфолио, все знания по маркетингу (и не только) почему-то магическим образом перестают использоваться». Тогда это звучало как шутка, но, как оказалось, очень жизненная. В моём случае с сайтом 2.0 произошло ровно то же самое.

В 2024 году я приступила к созданию своего сайта во время курса по веб-дизайну. После обучения хотелось сделать что-то действительно вау — и это стало главной ошибкой. Целью было «сделать красиво» — и эта цель была достигнута.

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

Именно поэтому перед разработкой сайта так важно четко определить, чего вы хотите от него добиться. Основная цель может быть разной — привлекать клиентов, удивлять, формировать брендовый имидж или просто существовать в сети. Только когда цель ясна, сайт начинает работать на результат, а не просто радовать глаз.
Часто «фестивальные» сайты, несмотря на свою красоту, так и остаются фестивальными: их сложно использовать в коммерческих целях. Причины — не только в маркетинге, но и в скорости загрузки, удобстве для пользователя, структуре и множестве технических деталей.

В этом антикейсе я собрала основные ошибки версии 2.0, чтобы показать простую истину: красивый дизайн без цели — это всего лишь красивая картинка. Смотришь на сайт, думаешь «вау», а на деле он не работает ни на бренд, ни на клиентов. Вот так рождаются «фестивальные» сайты, которые впечатляют, но не приносят результата.




Запуск сайта: 01.07.2024 г.


Перейти на старый сайт

Маркетинг и коммуникация

Несмотря на то, что на сайте была указана почти вся необходимая информация, он не решал главную задачу — не "разговаривал" с людьми. Контент был холодным, фактическим и максимально сдержанным. Сайт просто предоставлял данные: «Вот информация, читай и уходи».

Но любой сайт должен говорить с людьми. Человек приходит на сайт и хочет получить ответы на свои вопросы. При этом людям не интересно читать о том, какая компания замечательная. Им важно видеть себя, свои потребности и решения, которые предлагает компания. В версии 2.0 этого не было — и это была главная проблема.
Кроме того, проблема усугублялась заголовками. Они были шаблонными — вроде «Наши проекты» или «Обо мне». Да, это лучше, чем какой-нибудь слоган, прочитав который посетитель не поймет, о чём блок. Но шаблонные заголовки тоже не работают — просто потому, что всем надоели.

Заголовок должен нести смысл: прочтя его, пользователь сразу понимает, о чём блок и стоит ли его читать. Отличный приём — добавлять фактоиды. Например, вместо «Мои проекты» можно написать: «В 2024 году было разработано 7 сайтов». Такой заголовок не только информирует, но и привлекает внимание, создавая доверие и интерес

Z-блоки — красиво, но медленно

Z-блоки — это современный соблазн для любого веб-дизайнера: можно делать уникальные, красивые блоки, играть с анимацией и структурой. В 2024 году я, как и большинство разработчиков на Тильде, полностью ими «обложилась».

Но есть один нюанс: Z-блоки — настоящие «тормоза» сайта. Один такой блок может весить как четыре-пять стандартных, и чем их больше, тем медленнее загружается страница. Пользователь ждёт, сайт грузится… и тут красота превращается в проблему.

Мой сайт 2.0 был практически полностью построен на Z-блоках. Он выглядел эффектно… но скорость загрузки мне «спасибо» не сказала. Красиво, но медленно — урок, который я запомнила навсегда

Сопровождение Z-блоков

Медленно — второе имя Z-блоков. И речь не только о скорости загрузки. Сопровождать их — настоящее «удовольствие». Сейчас в Тильде все лучше приживается автолейаут, и работа с такими блоками стала проще, а раньше такой радости не было.

Если в блоке, например, было шесть карточек с заголовком, текстом, картинкой и ценой, то внесение изменений занимало 30−50 минут. На стандартных блоках это делается за пару минут. Представьте, какого вносить правки заказчикам, которым весёлые дизайнеры понаделают сайтов на Z-блоках?
Как я уже говорила, мой сайт 2.0 был практически полностью построен на Z-блоках. Добавление новых кейсов превращалось в настоящий ад. Нужно было выделять минимум полдня, чтобы подробно описать новый кейс и привести всё в порядок на каждом адаптиве. То ещё удовольствие!

После всех этих приключений с Z-блоками становится ясно, что не только скорость загрузки, но и удобство работы с сайтом критически важно. Красивый блок — это хорошо, но если его трудно сопровождать, добавлять новый контент или поддерживать адаптивность, то сайт превращается в головную боль

Карточки-папочки

На старом сайте мои карточки проектов были сделаны в виде папок — креативно, но чертовски неудобно. На Тильде их нельзя реализовать иначе, кроме как загрузкой изображением: отдельно для ПК и планшетов, отдельно для мобильных устройств. А брейкпоинтов у меня было целых восемь: 320, 360, 390, 480, 640, 960, 1200 и 1600.

Верстать всё это, подгонять друг под друга и проверять на каждом адаптиве было невероятно весело… если вы любите сидеть с терпением и часами переставлять элементы. Оглядываясь назад, понимаю: терпения мне не занимать.

Дорого мне обошлись эти папочки, которые однажды пришли в голову и засели там навсегда. И как же здорово было добавлять в них скрины проектов в Фигме! Тоже отдельная история — смешная и болезненная одновременно

Блюр: любовь и тормоза

Честно говоря, я безумно люблю блюр. Будь моя воля, я бы добавляла его на все сайты подряд — он всегда даёт ощущение стильности, лёгкости, прямо магию на страницы приносит.

Но у блюра есть одна маленькая хитрость: он тоже любит «тормозить» сайт. Чем больше блюра, тем медленнее загружается страница, и это сразу портит опыт пользователя.

Поэтому, несмотря на мою бесконечную любовь к этому эффекту, мне приходится сдерживаться и использовать блюр как можно реже. Хотя… он всё равно хорош, зараза! Этакий эффект свежести с подвохом

Логотип: очень интересно, но ничего не понятно

Мой логотип красив и наполнен смыслом — он полностью отражает то, чем я занимаюсь. Но вот парадокс: абсолютно не ассоциируется с моей нишей. Посмотрите на него — можно подумать, что это что-то из медицины, а не дизайн и разработка сайтов. И всё почему??? Потому что посох в центре логотипа слишком похож на посох Асклепиона.
На самом деле это Кирикион — посох Гермеса, бога торговцев, ремесленников и глашатаев. А разве не этим я занимаюсь?

Под посохом находится планета — символ интернета, а вокруг всё это окружено щитом. Он означает, что со мной мои клиенты как за каменной стеной: надёжно, безопасно и с полной поддержкой.

Любой логотип должен «считываться» сразу — если его нужно объяснять, использовать его не стоит. И теперь у меня вообще нет логотипа. Почему? Потому что пока не могу придумать, как всю глубину и многослойность моей работы уместить в одну минималистичную иконку

Когда визуальный стиль уводит в космос, а клиента теряем на Земле

Мой сайт выполнен в космической стилистике — красиво, атмосферно, эффектно. Но, честно говоря, не сразу считывается. Интернет как что-то «вокруг нас» — это понятно, но кто сразу ассоциирует его с космосом?

Визуальная концепция интересная, но она не всегда помогает пользователю понять, где он находится и что делать. Красота есть, атмосфера есть, но момент «понять и действовать» немного теряется

Заключение: момент прозрения

В общем, однажды, в 2025 году, я взглянула на сайт свежим взглядом — прочла, что там написано, и ахнула. «Это что, я сделала?» — подумала я. Эту бесполезную, красивую до невозможности картинку? Елки, всё нужно переделывать…

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