Новости с полей

Дизайн конечно хорошо, но какой в нем смысл, если придуманный макет не обретет «жизнь» в виде реально функционирующего сайта.

Задумали мы на сайт добавить экспресс-тест для визуализации исходной ситуации клиента. Задумка огненная, но вот в tilda нет шаблонного инструмента для добавления формы тестирования. Нужен код.

Сайт разрабатываю для классного юридического бюро моего друга, поэтому вооружившись гуглом, gpt и багажом юридических знаний, я таки первичный код победила, и он наконец работает как и ожидалось (результат на фото не конечный, это только MVP).
Говорю же, что работаю не только с визуалом, но и с контентом, тут в частности еще и с логикой оценки результатов теста😉.

Кстати, ставьте реакции если хотите подглядеть за процессом разработки сайта

P.S. личная боль - почему сайты юристов и консалтинговых компаний такие устаревшие!?

… спрашивает мое намерение вести тг регулярно🤪

Давайте перед тем, как показать процесс работы над сайтом юр бюро, для начала опишу основные этапы работы в целом

Да и перед тем как делиться закулисьем, надо бы для начала показать и согласовать прототип с заказчиком (Виктор, работа правда идет).
Так что для начала познакомлю вас с процессом работы веб дизайнера над проектом🤓

Как создаются сайты: от первой встречи до “Вау, это ж мой сайт?!”

Как и обещала рассказываю про этапы работы на сайтом!
Давай начистоту: работа над сайтом — это не “нарисую за вечер”. Это как собрать пазл, где каждая деталь должна встать на своё место. Рассказываю, как это происходит у меня — без заумных терминов, зато с реальными этапами (и парой лайфхаков).

1. “Давай посмотрим, что есть” → Бесплатный аудит
- Смотрю твой текущий сайт (если он есть) и твое позиционирование.
- Пишу короткий разбор: что работает, а что выглядит как реплика из 2010-го. Пример: *«Окей, тут меню спрятано как секретная дверь, а главный экран заставляет думать, что вы продаете… эм, непонятно что?»*
Зачем? Чтобы Заказчик понимал, за что платит.

2. Договор → Чтобы никто не “забыл” условия
- Обсуждаем сроки, бюджет и что входит в работу.
Важно: Всё фиксируем на бумаге. Так спокойнее и мне, и Заказчику.

3. Брифинг → “Расскажи мне о своем ребенке”
- Ты заполняешь анкету или мы болтаем по Zoom.
- Мои любимые вопросы:
«Какой клиент тебя бесит больше всего?»
«Что ты хочешь, чтобы люди чувствовали на твоем сайте?»
«Если бы сайт был человеком — он был бы строгим менеджером или другом с пивом?»
- Если ты говоришь «хочу как у Apple», я мягко напоминаю, что бюджет у нас пока не как у Apple 😅

4. Анализ → Шпионим за конкурентами
- Изучаю твою нишу, целевую аудиторию и конкурентов.
- Что ищу:
- Где конкуренты облажались (чтобы ты не повторял).
- Какие фишки цепляют твоих клиентов.
Итог: Примеры «так делать нельзя» и «вот это гениально».

5. Мудборд → Собираем атмосферу
- Делаю подборку цветов, шрифтов, фото и интерфейсов, которые отражают твой бренд.
⁃ Если ты смотришь и говоришь «это не про меня» — начинаем заново. Никакого насилия над личностью!
Важно: Мудборд — это не «скопировать», а «вдохновиться».

6. Прототип → Черновик без красок
- Рисую схему сайта: где будут кнопки, тексты, картинки.
Проверяем:
— Не заблудится ли пользователь?
— Видно ли главный призыв с первого экрана?
- Если да — идём дальше. Если нет — переделываем (я не обижаюсь, честно).

7. Дизайн → Включаю режим перфекциониста
- Отрисовываю все страницы: десктоп, мобилка, планшет.
- Адаптивы — отдельная история:
— Сайт должен выглядеть круто на любом экране — от умных часов (шутка) до 4K-монитора.
— Кнопки не убегают за край, текст не превращается в кашу, фото не растягиваются как жвачка.
Секрет: Делаю адаптив не «как получится», а продумываю каждую точку перелома.

8. Финал → “Ребёнок готов к выпуску”*
- Если внедряю сайт сама: настраиваю CMS, проверяю, чтобы всё летало, учу тебя управлять контентом.
- Если передаю разработчикам: отдаю макет + подробную инструкцию «как не сломать».
- Фишка: Даже если ты решишь поменять цвет кнопки через месяц — сайт не развалится.

Почему так много шагов?
Потому что сайт — это как костюм:
✔ Должен сидеть идеально (а не как мешок).
✔ Подходить под ситуацию (никаких смокингов в McDonalds).
✔ Нравиться тому, кто его носит.

Ценности: Маленькие шаги, логика и кайф

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

Ценность 1. Действовать, даже когда страшно: искусство маленьких шагов
Мой главный враг годами шептал: *«Кто ты такая? У тебя нет корочек, опыта, громкого имени. Ты просто самозванка и дилетант»*. Но однажды я поняла: этот голос — булщит. Ведь за мной — годы глубокого образования, опыт работы с бизнесом из разных отраслей экономики, умение превращать хаос в структуру и дизайн, от которого я тащусь.
Как я победила?
— Перестала ждать «идеального старта» и начала делать *сейчас*. (Спойлер: это самое сложное). Даже если шаг размером с песчинку.
— Перестала сравнивать свой первый блин с чужой золотой булкой. Мастерство оттачивается в движении. (А нет, это сложнее).
— Научилась говорить синдрому самозванца: «Спасибо за заботу, но я уже в пути».
Каждый маленький шаг — это кирпичик в здание уверенности и будущий «город». И знаете что? Пара зданий уже стоит.

Ценность 2. Никакой воды: логика, анализ и результат, который работает
«А смысл?» — мой вечный вопрос-фильтр, преследующим меня с самого детства. Сначала как противопоставление назиданиям, потом как отмашка от новых начинаний, затем уже только как логичный вопрос для выявления критериев деятельности. Если результат не приносит пользу, зачем тратить силы?
— Сайт должен увеличивать продажи, а не быть «красивой картинкой».
— Дизайн — радовать глаз, но и решать задачи.
— Информация — превращаться в стратегии, а не пылиться в отчетах.
Я не верю в «просто так». Каждое действие — обосновано, каждый проект — как шахматная партия: продуман на три хода вперед.

Ценность 3. Работать в кайф: когда «надо» становится «хочу»
Раньше я шла на работу, как на каторгу: «Надо платить за квартиру». Страх гнал вперёд, но выжигал изнутри. Болела от нежелания идти в офис и саботировала работу. Пока не осознала: жизнь слишком коротка, чтобы тратить её на то, что не зажигает.
Теперь мой двигатель — азарт.
— Учусь, потому что *хочу*, а не потому что «так в резюме лучше».
— Беру сложные задачи, потому что это вызов, а не «надо выслужиться».
— Падаю, но встаю — потому что дело того стоит.
Когда работа в радость, даже рутина становится медитацией. А усталость? Она растворяется в удовлетворении.

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

P.S. Остановись и подумай над своими ценностями. На чем стоит твоя деятельность и твоя жизнь?

#ТопБЛОГ #РоссияСтранаВозможностей

https://vc.ru/design/1931312-knigi-po-dizainu-kak-nauchitsya-dumat-kak-dizayner
Думается мне, что формат тг не предполагает много буков, поэтому делюсь своей подборкой книг в этой статье. Сходите глянуть, полезно далеко не только дизайнерам.

Осваиваю разные новые площадки

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

https://habr.com/ru/articles/902398/

Закулисье

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

Задача была передать профессионализм и надежность, при этом выделить среди конкурентов и других юридических фирм.

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

Спасибо, Самокат, теперь прям захотелось что-нибудь купить ✨

А вообще этот прием называется "Обратный отсчет скидки" или "Тактика убывающей выгоды"

Как это работает:
Психология дефицита: Создает ощущение, что выгода "ускользает", подталкивая к быстрому решению.
FOMO (Fear Of Missing Out) — страх упустить выгоду.
Социальное доказательство: Часто дополняется счетчиком ("12 человек уже купили за последний час").

Кстати, как вам обновление Самоката? Теперь там можно купить усе и даже больше, а хотелось конечно просто качественных продуктов и удобный поиск😀

Тест на сайт готов!
Нет не так

ГЕНИАЛЬНЫЙ тест готов

Подробности ниже 👇

Краткий, но результативный тест для юридического бизнеса, который определяет риск налоговых претензий и «искусственного
дробления» бизнеса!?

Супер, сделаем!

Задача:
Создать компактный и полезный инструмент для анализа бизнес-пробем, который:
• Будет удобнее и информативнее существующих аналогов
• Позволит клиентам сразу получить практические рекомендации
• Интегрируется в существующий сайт на Tilda

Мы разработали диагностический инструмент для Jazzlaw, который:
• Содержит 15 целевых вопросов – оптимальный баланс между информативностью и удобством
• Визуализирует результаты – наглядно показывает слабые места бизнеса в зависимости от уровня риска
• Предлагает конкретные действия: самостоятельную работу на ситуацией или запись к эксперту

Реализация:
✅Кастомная разработка на HTML/CSS
✅Геймификация— прогресс-бар мотивирует дойти до конца
✅Аналитика ответов— понимаем аудиторию лучше
✅Адаптивный дизайн для всех устройств
✅Интеграция с календарём для записи

В отличие от распространённых решений:
• В 2-3 раза короче аналогичных тестов
• Даёт практическую пользу сразу после прохождения
• Позволяет собирать статистику ответов

Кейс: сайт для юридического бюро, который не про весы и колонны

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

🎨 Цвет — это уже язык
Юрист в сине-белом? Спасибо, нет. Мы пошли в тёмно-зелёный — динамичный, интеллектуальный, статусный. Текст не белый, а с тёплым бежевым подтоном — глазам приятно, особенно ночью. Акценты — золотисто-горчичные. Не просто красиво, а цепляет глаз и зовёт кликнуть. Стильно и со смыслом.

🔠 Шрифт — строгий, но не скучный
Минимум пафоса, максимум характера. Чёткий, чистый, чуть с изюмом. Такой, как дорогой костюм, где ты замечаешь запонки — и понимаешь, с кем имеешь дело.

📐 Сетка — не про хаос, но и не как в Excel
Сайт многостраничный, сетка с лёгкой динамикой. Без вырвиглазной асимметрии, но и не по линейке. Структура есть, глазу интересно.

🌀 Анимация — плавно, уверенно, без перегруза
Ничего не мигает, не крутится, не бесит. Но всё оживает — как надо.

🧠 Фишка — тест на признаки искусственного дробления
Мы сделали интерактивный тест, который помогает понять, есть ли у тебя риски. HTML + CSS. Логика и вопросы — с участием нейросетей. Не игрушка, а реальный инструмент. Люди проходят — и потом пишут.

✅ Что в итоге:
Не как у всех юристов — и это плюс
Передаёт стиль, экспертность и подход заказчика
Работает, а не просто висит
Доверие, вовлечение, заявки

🛠️ Сделано на Tilda, с головой и вниманием к деталям.

Ссылка на сайт: https://jazzlaw.ru

Адаптация под разные разрешения и устройства также имеется

Как выбрать дизайнера (и не пожалеть)?

Спойлер: смотреть только на портфолио — это как выбирать жену по фото в паспорте.

Дизайнер— не принтер. Он должен понимать именно ваш бизнес, а не штамповать шаблоны.

На что смотреть?

1. Человек > портфолио
— Приятен в общении? Отлично.
— Чувствует ваш стиль? Идеально.
— Готов вникать в задачу? Бинго!

2. Подход важнее «красиво»
Хороший спец сначала спросит:
— Кто ваши клиенты?
— Какие у вас боли?
— Какой результат нужен?

3. Не бойтесь новичков
— Часто горят идеями сильнее «зубров»
— Гибче подстраиваются под задачи
— Ценят каждый проект

4. Портфолио — в конце
Смотрите не на «вау-эффект», а на:
— Разные стили в работах
— Конкретные улучшения («После редизайна заявок +50%»)

Вывод: ищите не «модного дизайнера», а вашего дизайнера.

❣️ATTENTION

Господа и господыни, друзья-товарищи и просто интересующиеся

Ответьте на несколько вопросов ниже 🙏🏻

Это поможет мне, поможет вам, поможет всем😀