Подготовка к созданию сайта: что нужно сделать до работы в редакторе
Создание успешного сайта начинается не с выбора шаблона, а с планирования. Прежде чем открывать редактор Tilda, рекомендуется определить цели будущего сайта и его целевую аудиторию. Это поможет создать по-настоящему эффективный ресурс.
Ключевые этапы подготовки:
Формулировка основных целей сайта (продажи, информирование, сбор заявок)
Разработка структуры сайта и навигации между разделами
Подготовка основного контента: текстов, фотографий, иллюстраций
Такой подход позволяет сэкономить время на дальнейшую работу и создать логичную структуру, понятную для посетителей.
Выбор и настройка шаблона: как адаптировать готовое решение под свои задачи
Платформа Tilda предлагает множество готовых шаблонов для разных типов сайтов. При выборе стоит ориентироваться не только на визуальную привлекательность, но и на функциональность.
Основные критерии выбора:
Соответствие шаблона целям сайта
Удобство навигации и читаемость
Возможности кастомизации дизайна
Адаптивность под мобильные устройства
После выбора шаблона можно приступать к его настройке: изменению цветовой схемы в соответствии с брендом, подбору шрифтовой пары, замене изображений. Важно сохранять единство стиля на всех страницах.
Работа с контентом: тексты, изображения и структура
Качественный контент — основа успешного сайта. При наполнении страниц стоит придерживаться принципов удобочитаемости и визуальной иерархии.
Рекомендации по работе с контентом:
Использование коротких абзацев и подзаголовков
Добавление маркированных списков для сложной информации
Оптимизация изображений для быстрой загрузки
Размещение призывов к действию в стратегически важных местах
Особое внимание стоит уделить блокам с услугами или товарами — они должны содержать четкие описания и качественные визуальные материалы.
Публикация и продвижение: как сделать сайт видимым для клиентов
После завершения работы над дизайном и контентом сайт можно публиковать. Tilda предоставляет удобные инструменты для размещения сайта в интернете и его дальнейшего продвижения.
Основные шаги после публикации:
Подключение доменного имени
Настройка мета-тегов для поисковых систем
Подключение форм обратной связи и аналитики
Регистрация в Яндекс.Вебмастер и Google Search Console
Регулярное обновление контента и добавление новых материалов помогут улучшить позиции сайта в поисковой выдаче.
Пост-публикационная аналитика: как оценить эффективность сайта
После запуска сайта важно отслеживать его эффективность. Рекомендуется настроить цели в Яндекс.Метрике или Google Analytics — например, отслеживание отправки форм, кликов по телефону или времени на сайте. Первые 2-3 недели стоит наблюдать за поведением пользователей: какие страницы они просматривают дольше всего, на каком этапе уходят. Это поможет выявить слабые места — возможно, какая-то форма слишком сложная, или описание услуг недостаточно понятное. Регулярный анализ позволяет не останавливаться на достигнутом и последовательно улучшать сайт, основываясь не на предположениях, а на реальных данных о поведении посетителей.
Я помогаю частным клиентам и бизнесам с разработкой сайтов на Tilda: от обсуждения концепции до адаптации под разные виды устройств. Если вам нужно разработать эффективный и привлекательный дизайн сайта — напишите мне :) Я открыта к любым формам сотрудничества и всегда рада интересным проектам 👋🏻
Почему они не потопили меня и всех моих коллег. Много объективной статистики и немного субъективщины
«Они нас убьют», — сказал мне товарищ, с которым мы в далекой юности вместе начали делать сайты. Он имел в виду маркетплейсы. Что-то такое я слышу примерно с конца десятых, но до сих пор создаю сайты и приложения и даже получаю за это деньги, которых хватает на хлеб, дом и марафоны.
Меня зовут Дмитрий Хоружко, я основатель агентства по веб-разработке Nineseven.ru. И я хочу рассказать о том, как маркетплейсы вошли в нашу жизнь и почему я их не боюсь.
Как маркетплейсы очаровали продавцов и покупателей, но напугали веб-разработчиков
С конца девяностых до конца нулевых количество интернет-магазинов в России росло умопомрачительными темпами: в среднем почти на 22,75% каждый год. Да, были спады (как во время кризисов 1998 и 2008 годов), но в целом тенденция к росту была очевидна. Каждый мало-мальски продвинутый предприниматель пытался сделать свой сайт, на котором можно продавать.
Сайт московского магазина energotex, который сделали в конце 1990-х. Магазина давно нет, но сайт еще работает
Тогда же, хоть и в зародыше, уже были:
«Озон» — в 1998 году он появился как Azon: онлайн-магазин по продаже книг, дисков и видеокассет
«Вайлдберриз» — возник в 2004 году как магазин одежды
«Яндекс Маркет» — появился в 2000 году как агрегатор «Яндекс.Гуру»
Даже eBay был уже в 1995 году
Но они еще не стали такими глобальными хапугами, как сейчас, хотя старались. Например, «Вайлдберриз» в конце нулевых начал демпинговать в сфере доставки. Это был царь-демпинг: любая доставка — бесплатно. Значит, можно заказывать сколько угодно шмоток и не бояться ошибиться с размером. Тогда же у компании начали появляться свои склады, но это был все еще интернет-магазин одного бренда. До нынешнего положения даже «Вайлдберриз» было еще далеко.
Короче, рынок не устаканился, жестких правил и тем более монополистов не было. В это золотое время (в 2010 году) я и организовал веб-агентство. Примерно до конца десятых мы регулярно получали заявки от малого бизнеса (один раз из симпатии к клиенту даже сделали сайт за возможность погладить козу), но потом это стало редкостью — те самые «Озон» и «Вайлдберриз» перешли на модель маркетплейсов примерно в середине десятых (то есть перестали самостоятельно закупать товары и зарабатывали с комиссий от продаж). Затем появились «Яндекс», «Беру», «Мегамаркет» и даже региональные площадки вроде market.05.ru в Дагестане или udm.market в Удмуртии.
Самые крупные начали предлагать жирные преференции, чтобы нарастить базу и продавцов, и клиентов. Например, пониженную комиссию с продаж, бесплатное продвижение, халявное место на складе и все в таком духе. Так в марте 2019 года «Вайлдберриз» вдвое (с 38 до 19%) снизил комиссию для поставщиков.
Многим предпринимателям это понравилось. Зачем делать сайт за десятки или сотни тысяч рублей, а потом еще платить за его обслуживание? Зачем заморачиваться со складом и обучением персонала? Все сделают за тебя. Для покупателей профит тоже очевиден — много разных брендов в одном месте. Накидал в корзину и «найков», и «адидасов», и крем для ягодиц «от бабушки Феклы» — все, не переходя в другое окно браузера.
Поначалу все так и было. Но обратите внимание на блок, обведенный красным. Это «ружье» выстрелит прямо в лицо продавцам. Источник: https://1economic.ru/lib/117845
В результате маркетплейсы показали просто бешеный рост. Объем локального российского рынка интернет-торговли в 2018 году составлял 1,153 трлн рублей, а в 2023-м — 6,162 трлн. В 2024 году общий объем (включая трансграничную торговлю) по разным оценкам составил 9 до 10 трлн рублей. Даже с учетом курса доллара/евро и инфляции — рост огромный.
Сильный скачок дала пандемия («курьеры — наши герои» и все вот это вот). Плюс общемировой тренд на онлайн-торговлю тоже никуда не делся. Он удивительным образом сплелся с санкционными ограничениями для РФ и дал серьезный буст отечественным площадкам.
Вы скажете: «Дима, но рынок интернет-торговли не ограничивается только маркетплейсами!». Я отвечу: «Чуть-чуть не ограничивается».
Во-первых, по разным оценкам, маркетплейсы занимают от 64% до 66% всего рынка. Посмотрите на картинку ниже или просто в окно — там жмутся друг к дружке цветастые ПВЗ.
Во-вторых, большинство россиян ищет информацию о товарах на маркетплейсах, а уже затем во всех других местах. То есть поисковики неожиданно потеряли часть товарного трафика. И это еще до нейросетевого хайпа.
В-третьих, еще раз посмотрите в окно.
В общем, многие агентства с конца десятых начали присаживаться на лучшую комбинацию в блэкджеке. Но внезапно реальная помощь пришла откуда не ждали — от самих маркетплейсов.
Почему продавцы снова стали боятся маркетплейсов
Конкуренция выгодна в начале развития компании: глядя на соперников, можно понять, как уже делать не надо и как еще никто не делал. Но по мере роста любая организация, даже самая социально ответственная, стремится к монополии. Не потому что они «чудаки на букву м», а потому что таковы законы экономики (расширение или смерть!). Захватив весомую долю публики и инфраструктуры, крупные маркетплейсы начинают офигевать и бьют по морде тех, кого недавно прикармливали скидками и бесплатными доставками: продавцов. Не всегда намеренно, но всегда внезапно.
1. Автоматизм, внезапность и оферта
В начале 2024 года «Озон» и «Вайлдберриз» начали внедрять автоакции. Суть проста: залежавшиеся товары автоматически включали в категорию распродаж. Так помогали продвигать магазины, освобождать склады и радовать потребителя. Участие было добровольным: ставишь галочку в личном кабинете напротив нужного пункта или снимаешь ее. Однако уже к концу года никакие галочки не спасали. Продавцы массово начали видеть свои товары со скидками до 50%, хотя разрешения на скидки не давали. Селлеры даже написали коллективную жалобу в ФАС.
Истории с принудительными скидками проскакивали и раньше. В 2020 году «Вайлдберриз» разослали продавцам письмо, в котором с уважением пригрозили: «Если вашего товара нет в распродаже, то его вообще не будет на нашей площадке». Скрин этого письма сделал предприниматель Александр Блохин. Товары его магазина без скидок просто убрали с площадки.
То самое письмо
Но это полбеды. Вторые полбеды в том, что внезапно могут поменять условия сотрудничества в одностороннем порядке. Именно так работает оферта-омерта.
В 2022 году селлеры столкнулись с новыми штрафами за нарушения габаритов. Товар чуть больше заявленного или обмерщик на складе ошибся? Заплати 10 000 рублей за каждую позицию, уважаемый предприниматель. А в 2023-м под дых получили ПВЗ: за возвращенные товары они выплачивали их полную стоимость. Напомню, что ПВЗ владеют те же ИПэшники, а не площадки.
Так же внезапно изменения в условиях труда могут получать работники складов, водители или менеджеры. Забастовки и массовые увольнения — нередкое явление для маркетплейсов.
Регулярные повышения комиссии на этом фоне вообще становятся обыденностью, хотя и не очень приятной. В начале июня этого года «Вайлдберриз» повысил комиссии с продаж на 5%. Об этом компания уведомила селлеров через личные кабинеты.
Скрин из ВК-сообщества Ozon Business. Так пользователи реагируют на повышение тарифов и изменения в договоре
На «Озоне» комиссию тоже повысили в июне 2025 года, но для части категорий снизили:
Для одежды до 500 рублей — с 18 до 8%
Для обуви до 500 рублей — с 16,5 до 1,5%, для товаров с ценником от 500 до 1500 рублей — 4,5%
Можем смело предположить, что «Озон» хочет пальму первенства среди маркетплейсов для шопинга. Пока «Ягодки» ее удерживают.
2. Покупателю ничего не объяснишь
Общаться с клиентом напрямую не получится — вся коммуникация в основном через техподдержку площадки. И площадки активно охраняют это право. В частности «Вайлдберриз» штрафует продавцов на 25 000 рублей за попытку перейти в мессенджер или другой сайт. С одной стороны, это защита от мошенников. С другой — узнаваемый бренд построить таким образом сложно: нельзя получить почту клиента, предложить персональную скидку или сказать, что вазу разбили не мы, а сотрудник склада с вазофобией.
Впрочем, узнаваемый бренд нужен далеко не всем. Кажется, львиная доля продавцов работает по модели «купи дешевле, продай дороже». Но и для них есть плохие новости.
3. Опт умирает, но не китайский
В декабре 2023 года «Ягодки» начали сотрудничать с китайскими селлерами, годом ранее то же самое сделал «Озон». В результате сегодня каждый пятый продавец на «Озоне» из братской Поднебесной. Это, безусловно, стало плохой новостью для тех, кто работал по модели «купи в Китае подешевле, продай в России подороже».
Допустим, раньше:
Российский селлер заказывал у китайской фабрики 1000 купальников к летнему сезону по 200 рублей штука
Делал наценку с учетом прибыли и комиссий и продавал их, скажем, по 1000 рублей
Теперь:
Сама китайская фабрика привозит 10 000 купальников
Продает их на маркетплейсе по 500 рублей (тоже с учетом всех комиссий)
Все довольны, кроме отечественного перекупа.
Страдают и отечественные продавцы, которые производят что-то сами и рассчитывают на опт. Помимо китайских партнеров удар им наносит политика продвижения маркетплейсов: чтобы оказаться в топе выдачи, нужно не только вкладываться в рекламу, но и регулярно проводить те самые распродажи, чтобы по цене обгонять конкурентов.
Из-за такого подхода предпринимательница из Москвы почти лишилась оптовых продаж — не осталось зазора между розничной и оптовой ценой. Она выкрутилась, сделав цены на маркетплейсах выше, чем на своем сайте и теперь именно он стал основным каналом продаж. При этом с маркетплейсов она не ушла — они просто помогают понять потребителю, что на сторонней площадке цены ниже. Такая вот своеобразная реклама.
4. Сложно продавать сложное
На первый взгляд, на маркетплейсах много фильтров для разных товаров. Выбрать пауэрбанк или мобильный телефон с нужными характеристиками — без проблем. Однако фильтры проблематично подстроить под сложные товары. Как ни странно, к таким относятся двери.
Казалось бы, прямоугольник с ручкой. Ну, может, еще со стекляшками где-то в середине. Однако на деле вариаций тысячи: петли такие и сякие, ручки разных цветов и форм, молдинги, разные типы стекла. И нельзя совместить все со всем — конкретное сочетание определяется возможностями производственной линии. Это я говорю из собственного опыта. Мы как-то переделывали сайт для производителя дверей и проверили, сколько вариаций может быть у одной стандартной межкомнатной модели. Сделали конфигуратор, где был 21 пункт настройки. Прогнали все возможные комбинации — получилось 12 800 на одну модель.
Маркетплейс с его ограничениями в принципе не может все это учесть. Да, наверное, таких товаров не особо много. Но они есть и их тоже нужно продавать.
Что-то узкое тоже не всегда можно отыскать на маркетплейсе. На WB очень сложно найти топовый шмот для спортсменов (условный гидрокостюм HUUB).
Что на этом фоне происходит и будет происходить с обычными интернет-магазинами
Их все равно становится меньше. Очевидно, что для большинства продавцов маркетплейсы пока привлекательней, несмотря на все минусы: для старта достаточно около 100 000 рублей — купить товар, запустить первичное продвижение на площадке, оплатить комиссии. Только для создания небольшого интернет-магазина понадобится столько же + средства на закупку и продвижение.
Конечно, если маркетплейсы продолжать вести себя так, как ведут, их монополия пошатнется. Однако даже в этом случае расцвет интернет-магазинов, как в нулевые и в начале десятых, мы вряд ли увидим в ближайшие пару лет. Но, на мой взгляд, неизбежно устаканится формат симбиоза: крупные компании, раскрученные бренды, продавцы с уникальным товаром или оптовики обязательно будут размещаться на маркетплейсах и развивать свои сайты. Сделанные с нуля или собранные в конструкторах, но свои.
Пример из моей практики — сайт для белорусского мясокомбината. Он разрабатывался с упором на оптовых покупателей из Китая, а у этих ребят есть фетиш: у каждой серьезной компании должен быть сайт с отзывами и корпоративной лабудой с фотками сотрудников (требования к вебу у китайцев вообще очень специфичные, надо сказать). А вот пример девушки, которая создает кастомные кабели — из-за небольших масштабов бизнеса и уникальности услуги она начала делать свой сайт, чтобы не проснуться однажды с пустыми картчоками товаров на маркетплейсах.
Выше я уже приводил примеры оптовиков и крупных производителей, которые сохраняют свои сайты и гонят на них трафик с маркетплейсов. Для таких случаев нужно делать всякие «коннекторы» соединяющие разные площадки.
Кроме того, крупные компании сами пытаются делать маркетплейсы. У нас в Беларуси (я из Беларуси, если что) даже «Белпочта» строит свою платформу.
При таком раскладе разработчики сайтов и приложений вряд ли пойдут ко дну. Хотя их явно станет меньше. Однозначно выплывут те, кто уже работает с крупными брендами, которые вряд ли откажутся от преимуществ собственной площадки (прежде всего, от самостоятельного контроля всех процессов).
Есть и другие сценарии:
На постсоветском пространстве появится суперпопулярный и недорогой конструктор интернет-магазинов с очень тонкими настройками и широкими возможностями для кастомизации. Что-то вроде, американского Shopify, который вполне успешно конкурирует с Amazon (да-да, отдельные интернет-магазины, хоть и сделанные на одной платформе, дают жару маркетплейсу). В этом случае большая часть селлеров озаботится созданием своего сайта параллельно с маркетплейсом. При этом разработчики тоже не останутся у обочины: те самые широкие возможности кастомизации включают и умение писать код, и интеграцию с другими сервисами, и прочие штуки, которые вряд ли обычный селлер потянет в одиночку.
Второй вариант — нейросети (куда же без них). Они разовьются настолько, что каждый сможет сделать сайт с любым функционалом. Если он еще и стоить будет недорого, то многие продавцы с маркетплейсов замутят что-то такое (как в былые времена каждый второй делал сайт на narod.ru). Тут предсказывать сложнее, но в тотальную замену разработчиков верится с трудом.
Ну а я в любом случае уже не боюсь маркетплейсов. За почти 20 лет в разработке видел всякое: уже были конструкторы сайтов, зеро-кодинг и прочие инновации, которые должны были убить разработчиков, но не убили.
К тому же клиенты нашей студии регулярно подкидывают новые задачи, чтобы защитить себя от гигантов вроде «Озона» или «Вайлдберриз» или сконнектить с ними сайт. Так что как мне не любить этих монополистов?
Всем привет, DreamBuilder здесь. Хочу поделиться историей своего малокровного инсульта и неожиданным спасением.
Делал я как-то для клиента крутейший лендинг. Клиент пустил слезу умиления. А потом говорит: "А теперь сделайте из него html письмо, чтобы мы рассылку красивую сделали".
"Легко!" — сказал я, наивный сеньор (с джуном в душе).
Началось самое страшное. Оказалось, что просто скопировать код html письма и вставить в почтовик — это как пытаться запихнуть слона в дипломат.
Yandex (html письмо яндекс) просто жрал половину стилей. Картинки ехали, все плыло. Выглядело как сайт из 90-х.
Mail.ru (html письма mail ru) вообще показал мне кукиш. Верстка рассыпалась в тайловую мозаику, от которой Кандинский бы обзавидовался.
Я гуглил "как отправить html письмо", "как отправить html письмо с mail ru". Все мануалы сводились к танцам с бубном: "скопируйте этот div, потом вставьте тот style...". Я потратил 4 часа, чтобы просто вставить html код в письмо и не сломать его.
В голове уже звучал голос клиента: "А где тут красота? Я за нее платил?".
И тут я нашел способ, который спас мне нервы, проект, а клиенту — веру в дизайн. Смотрите, как было ДО (скриншот уродливого письма в интерфейсе Яндекс.Почты):
Письмо ДО (можно отправлять только бабушке в таком виде)
После - уже гораздо луче!
И тут меня осенило. Я же разработчик! Надоело это терпеть, и я решил проблему раз и навсегда.
Я не стал искать готовое решение, а сел и сделал его сам. Прошел весь этот адский путь, чтобы вы больше никогда не мучились.
Смотрите, в чем была главная засада. Чтобы вставить html письмо в почтовик, нужно вручную, как в каменном веке, выискивать в коде html письма все стили, инлайнить их, проверять совместимость... Короче, часами сидеть в Chrome Dev Tools и плакать.
В итоге я упаковал весь этот скилл "как отправить html письмо" в одно простое расширение для браузера. Назвал его HTML2Email.
Теперь весь процесс выглядит не как многочасовой труд, а как магия:
Открываю свой готовый HTML-файл или верстку в браузере.
Жму одну кнопку на расширении. Оно само делает всю грязную работу: оптимизирует и готовит код html письма к отправке.
Копирую готовый код. Один раз.
Жму вставить и он автоматически вставляется в тело Yandex\Mail почтового клиента
ВСЁ. Письмо отображается идеально. Больше не нужно гуглить "как отправить html письмо с mail ru" — ответ теперь всегда под рукой.
Результат (пример):
Пример отправленного HTML Email (подборка топ мемом Пикабу)!
По сути, я заточил под эту задачь своё личное расширение для Chrome браузера и теперь делюсь им со всеми.
А для тех, кто хочет не просто вставить, а сразу делать крутые рассылки, я сделал отдельный сервис SendHtml.Emailкоторый буду постепенно развивать добавляя новые ништяки!
Итог: Я превратил свою боль в инструмент. Клиенты счастливы, я трачу на рутину 10 секунд вместо 4 часов, а мой кот наконец-то может спать спокойно, не опасаясь летящих в стену клавиатур.
P.S. Это решает ваши задачи? Есть ли что-то что можно было бы добавить\улучшить? - пишите в комментариях!
Мы с моими друзьями - заядлые ролеплейщики. И речь отнюдь не о похабных костюмах или ДНД-настолках, нет! Мы выбрали для себя формат текстовых ролевых игр. И всех нас в какой-то момент объединил проект "Бесконечное Лето Онлайн", в который мы без памяти влюбились, прожигая скоротекущие дни в сеттинге пионерлагеря и безбашенного угара.
На тот момент мне было 14.
Прошло несколько лет. Но жизнь решила, что расстаться с этим фандомом мне не суждено. И вот я уже второкурсник ИТ-направления, а друзья подле меня - те же. Проверенные временем - заядлые ролеплейщики. Всё изменила шутка. Одна из многих других.
"А что будет, если сделать по нашей ролевой вселенной - веб-игру?"
Всё завертелось быстро. Кент умел в фотошоп, а я - умел писать код. Ну, как умел... Веб-программированию в моём ВУЗ-е уделили ровно пол года, делая упор на плюсы. За эти пол года нас погоняли по HTML и CSS, дали понюхать голый JS, а также OpenServer...
На этом всё. Мои познания в вебе кончились. Я гордо нарёк себя HTML-программистом и не думая направился в неравный бой самообучения и поглощения всего, что плохо лежит на stackoverflow...
...
Я написал всё на чистом JS, вообще не в зуб-ногой про фреймворки. Наставника у меня не было, к преподавателю обращаться за помощью пробовал, но тот меня отшил, интересуясь по большей степени только моделью моего ноутбука. Но проект был доведён до релиза. Кривого, косого, но релиза.
...
Гости из прошлого не приходят, пока о них думаешь. Но как только перестаёшь... Будьте уверены - они явятся на ваш порог. Таким гостем стал для меня Хеллсинг. Мы играли с ним два с половиной раза, около пяти лет назад. После этого - недолго общались... Как это бывает, контакт оборвался.
Нас свёл общий знакомый. Хеллсинг был прошаренным бэкенд-разработчким и слёту пояснил, что и как я неправильно делал. Он дал фуллстэк-неандертальцу огонь фронтенд-vue и... Понеслось.
Мы проспидранили то, что я делал около полугода, за полтора месяца. Это были безумные ночи, когда мы могли не спать до четырёх утра в попытках исправить баг или склепать новую фичу. Мы читали всё, что было можно прочитать, писали свои реализации socket.io, десяток часов потратили на отладку уязвимостей... Мы впервые потрогали редис (не растение), попробовали на вкус миграции, мидлвари, написали с десяток эндпоинтов и в два раза больше ивентов для ВС.
И сделали так, как ещё никто не делал в этом узком и неблагодарном жанре "Бесконечное Лето Онлайн". Мы сделали то, к чему я стремился, но не смог сделать сам. Я осознал, насколько важна работа в команде. Я насладился процессом разработки вместе с другом. Какова концовка?
Всё, везде и сразу: инструкция по выживанию в китайском интернете
Иероглифы 中國 вместе означают «Китай», а по отдельности уйму разных вещей. У одного 中 больше 20 значений, среди которых «душа», «столичный» и «полдень». Это одно из слов, которое я запомнил, пока мы делали B2B-сайт для белорусского мясокомбината с прицелом на китайских клиентов. Чтобы не промахнуться с визуальным языком и не провалить проект, мне пришлось разобраться, как устроен китайский веб: чем он отличается, как выглядит хороший сайт в глазах китайского заказчика и почему наши привычные решения там не работают.
Спойлер: во всем виноваты рис, смартфоны, Великий шелковый путь и даже Конфуций.
Чтобы это узнать, я прочитал несколько книг, нашел исследования и перелопатил десятки китайских сайтов. В этом тексте собрал главное — коротко, по делу и с примерами. Если вам предстоит выходить на китайский рынок, адаптировать продукт или просто любопытно, как там все устроено — будет полезно.
А если вам лень читать, то переходите на YouTube или в VK и смотрите расширенную версию:
Меня зовут Дмитрий Хоружко, я основатель агентства Nineseven. Поехали.
Почему на сайтах так много всего и ничего непонятно
10-15 лет назад китайские сайты выглядели так, будто кто-то вылил на экран кашу из иероглифов, а потом еще ее размазал. Движущиеся блоки с текстом, миллион анимированных баннеров, зашкаливающее количество картинок — у европейца или американца все это вызывало кровь из глаз. А китайцу было хорошо. Впрочем, хорошо и сейчас. И у меня на это пять причин.
4399.com — крупнейшая в КНР платформа бесплатных флеш-игр
Медленный интернет и жадность. Когда скорости были низкими, а интернет молодым, у владельцев сайтов был всего один шанс зацепить посетителя. Если уж страницу загрузили (а было это долго и дорого), то на ней должно было быть как можно больше информации — свежие новости, акции, ссылки на все разделы, баннеры, форумы, даже игры и чат. И речь тут не только про Китай. В России была та же история.
О том, как все это выглядит для пользователя, никто не задумывался, а выжимал пользу и выгоду из каждого пикселя. А особенно из ссылок, на которые пользователи нажимали, после чего веб-мастер получал копеечку. Серьезные изменения начались в 2013 году, когда пользователи начали массово переходить с ADSL на оптоволоконный интернет — скорость выросла в десятки раз. А привычка к пестрым сайтам частично осталась.
Сад за стеной. Если в Европе с развитием интернета изменился подход к интерфейсам (здесь двигались в сторону лаконичного и минималистичного дизайна), то в Китае этого не произошло.
Причина тому — Великий китайский файервол. Его начали строить еще в 2003 году, когда стартовала программа «Золотой щит». Официально она была задумана для борьбы с терроризмом и экстремизмом, но на практике превратилась в одну из самых масштабных систем интернет-цензуры в мире.
Цифровой сад за стеной в Китае стал развиваться по собственным законам и стандартам. Местным технологическим гигантам это было только на руку: никакого давления западных конкурентов или влияния новой и чуждой дизайнерской культуры.
Сегодня в китайском интернете сайты с современным, в нашем понимании, дизайном не такая уж редкость. Но и ресурсов с обилием информации на странице меньше не становится. Вот она, сила традиций.
Главная страница Sina.com — китайского сайта с новостями, мемасиками и огромным количеством всплывающих окон
Еще один китайский сайт — 163.com. Тут вам и почтовый сервис, и платформа для блогов, и форумы, и новости
Восточноазиатское мышление. О разнице в этом самом мышлении я задумался, когда обратил внимание на искусство. Если «Мона Лиза», «Тайная вечеря» или «Девочка с персиками» — это торжество законов композиции, где есть центральный объект, на который сразу падает взгляд, то произведения китайских мастеров — нечто совсем иное. Здесь преобладает идея упорядоченного хаоса.
В традиционной китайской живописи нет главного героя и второстепенных персонажей, отсутствует четкая симметрия — каждая деталь важна сама по себе, огромную роль играет контекст. Смотрите сами:
«Фея реки Ло», Гу Кайчжи
«Приготовление шелка», Чжан Сюань
«Ночная пирушка у Хань Сицзая», Гу Хунчжун
Это типично для китайской культуры, но непривычно для европейца.
Может показаться притянутым за уши, но я не сам придумал эту разницу в мышлении. В качестве доказательства ловите эксперимент. Американцев и японцев попросили сделать фотопортрет девушки. В результате американцы фокусировались на ее лице, а японцы старались взять в кадр как можно больше окружения. Причем тут китайцы? У них такая же иероглифическая система (японцы заимствовали ее) и похожее традиционное искусство.
Короче говоря, восточноазиаты лучше ориентируются в хаосе и выцепляют из него важное. При этом они абсолютно не теряются и на минималистичных европейских сайтах. А вот мы на восточноазиатских…
Слева — снимок американца. Справа — японца. Обоих попросили сделать фотопортрет девушки
Нужно ощущение базара. Великий шелковый путь, «очки н-н-нада» и скидки на «Алиэкспресс» — китайцы торговали, торгуют и будут торговать. И они делают это в высококонкурентной среде, поэтому о товаре хотят рассказать сразу все. Вообще китайцам важно ощущение оживленного рынка где-нибудь в деревне у бабушки под Гуанчжоу. Об этом в интервью 2013 года заявили бывший генеральный директор Alibaba Дэвид Вэй и председатель Yihaodian (торговой компании, которую сегодня поглотила JD.com) Ю Ган.
Наш первый сайт имитировал минималистичный дизайн Amazon, с очень понятной навигацией для поиска и так далее, но нашим клиентам это не понравилось. … Им нравится, когда на странице много всего, — сказал Ган.
Иероглифы без пробелов. Это не ошибка и не экономия места. В китайской письменности действительно не разделяют слова, пробелы ставят только после знаков препинания. К тому же у китайцев нет заглавных иероглифов.
Из-за этого весь текст для нас превращается в кашу. Собственно такое же ощущение вызывают и китайские книги. Но в том числе благодаря этому иероглифы обладают большей плотностью информации (обычно одно слово = два иероглифа).
Все эти принципы продолжают работать и сегодня. Но тем не менее многие сайты в КНР уже ничем не отличаются от российских, белорусских или американских. Даже маркетплейсы. Вот для сравнения несколько скринов: если заменить иероглифы на кириллицу или латиницу, отличий не так уж много.
Наш родной маркетплейс
Китайский Taobao
Наш родной «Кинопоиск»
Их родной iQiyi
Чжунхуа цзыхай, или Почему со шрифтами особо не поиграешься
Если у нас для каждого сайта подбирают несколько шрифтов с разными начертаниями или вообще создают свои, то в Китае с этим парятся намного меньше. И не потому что там нет специалистов по типографике, а потому что это сложно и долго.
Во-первых, иероглифов очень много. Сколько точно — сказать невозможно, потому что они регулярно рождаются и умирают. В 1994 году в Китае выпустили «Чжунхуаа цзыхай» — самый крупный печатный словарь иероглифов — в нем их было аж 85 568. По словам китайского лингвиста Чжоу Югуана, «6600 иероглифов покрывают 99,999% всех иероглифов, встречающихся в современных китайских текстах». Но все равно это очень много. Сделать 33 буквы или 6600 иероглифов? Разница, как говорится, налицо.
Один из томов «Чжунхуа цзыхай»
Во-вторых, есть иероглифы традиционные и упрощенные. Традиционная китайская письменность, по мнению коммунистов во главе с Мао Цзэдуном, была слишком сложна — в 1956 году ее решили упростить, чтобы народ быстрее учился писать и читать инструкции к станкам и винтовкам. Через 8 лет упорной работы выкатили 2235 упрощенных иероглифов.
Тем не менее старые варианты написания не ушли и сегодня живут вместе с упрощенными. А на Тайване, в Гонконге и Макао есть только традиционные. Дело в том, что Тайвань не был под властью коммунистов, а Гонконг и Макао снова стали частью Китая только в 1997 и 1999 годах (их вернули Англия и Португалия соответственно. Почитайте — там интересная история). При этом если человек знает упрощенный вариант, он не прочтет традиционный и наоборот.
Пример упрощенного (слева) и традиционного иероглифа
В-третьих, в них слишком много мелких и важных деталей. Иероглифы состоят из черт (маленьких черточек, которых насчитывается три десятка) и компонентов (сочетаний этих черт). Если в одном иероглифе двадцать черт, а в другом пять, то сложно подобрать размер, при котором на экране все они будут хорошо видны. Не то чтобы это суперпроблема, но все же она осложняет работу типографов.
Черты иероглифов. И это лишь малая их часть
Создавать китайские шрифты для веба — серьезный геморрой (а создавать их для типографий — геморрой в терминальной стадии).
Посмотрим на иероглиф biáng (бианг). Он обозначает традиционную лапшу из провинции Шэньси. В нем — 58 черт! В лапше меньше лапшинок, чем этих черт в иероглифе.
Это самый сложный китайский иероглиф, а еще культурное достояние и своего рода тест на грамотность: кто правильно его напишет, тот молодец. По легенде, каллиграфического монстра придумал бедный студент взамен на порцию необычной лапши — такой же широкой, как пояс на одежде. А название лапши отсылает к звуку, который издает тесто при растягивании и отбивании об стол. Один иероглиф, а сколько всего в нем заключено.
Допустим, не все иероглифы настолько замороченные, но их никак не упростить без потери смысла. Тем не менее выбор есть.
Все китайские шрифты можно разделить на три типа:
Сонгти (с засечками)
Хэйти (без засечек)
Кайти (имитирует рукописный шрифт)
К первым двум относится SimSun и SimHei, которые предустановлены в Windows и Word. К последнему — Kaiti. Все три стали веб-стандартом. На их основе делают другие шрифты. Есть и другие, но по сравнению с кириллическими и латинскими — выбора все равно меньше.
Однако мудрые китайцы нашли выход даже для небольших проектов: создают дизайнерские решения для нескольких иероглифов, помещают их на картинку — вот и уникальный шрифт. Вообще иероглифы на картинке — довольно распространенная вещь в китайском вебе. Принцип @font-face (то есть загрузка даже тех шрифтов, которых нет на устройстве пользователя) здесь особо не работает. Так что в основном довольствуются тем, что используют один стандартный шрифт и картинки для авторских.
Китайский сайт Burger King. Просто картинки — никаких шрифтов
Фрагмент главной страницы сайта Shineway, поставщика свинины. Интересно, что центральная часть (над кнопкой) сделана в виде картинки — текст скопировать нельзя. А вот в элементах справа и слева — можно
Красный — хорошо, серый — плохо, но не всегда. Особенности цветов
Выбирать цвет для китайского сайта — это как выбирать лучшую песчинку в пустыне. Дело в том, что в Поднебесной уживаются сразу несколько подходов.
Во-первых, традиционный, описанный во всяких культурологических книжках типа «Эстетики цвета в Китае» Го Хао. Во-вторых, европейский. Объясню на примере.
Еще лет 10 назад было распространено цветовое кодирование рейтингов, которое отчасти противоречит нашему:
Красный или оранжевый — хорошо
Желтый — нейтрально
Серый или черный — плохо
В интерфейсах тех лет вместо привычных нам звездочек часто встречались цветочки.
Так в конце нулевых отмечали негативные, нейтральные и плохие отзывы на Ebay (слева) и Taobao
Эту систему кодирования до сих пор можно встретить на некоторых китайских сайтах, но она перестала быть повсеместной. Можно сказать, что в этом аспекте победу одержали общемировые тенденции. Цифровые рейтинги «потеряли» цвет, вместо цветочков появились привычные звездочки — как на Ozon или Wildberries. Хоть в чем-то задача упростилась.
Так это делают в 2025 году. Слева — рейтинг продавца на Ebay. Справа — на Taobao (сколько бы звезд ни было — они все равно останутся красными; цифры внизу— рейтинг доставки, товаров и обслуживания)
music.163.com — музыкальный стриминговый сервис. Здесь красным обозначены топ-3 песен в разных категориях. И вообще красный присутствует только как акцентный цвет
Если говорить об общем оформлении, то тут, как ни странно, тоже нет строгих правил. Не будет такого, что вы сделаете желтой шапку сайта, а люди откажутся заходить на него, «потому что желтый — цвет порнографии». Такое значение правда есть. Оно появилось, потому что слово желтый звучит примерно так же, как и «непристойный» (huáng), однако имеет разные иероглифы. При этом желтый — это еще цвет власти, цвет императора. Такой вот семантический симбиоз.
Сайт Meituan, сервиса по доставке еды, покупке билетов, вызову такси и поиску исполнителей для различных работ (да, такое вот разнообразие). Сервис не обвиняли в непристойности из-за желтого цвета
Такая же история с красным. Есть куча статей, где его называют главным цветом веб-дизайна Поднебесной и вообще главным китайским цветом. Да, он ассоциируется с выгодой, удачей, праздником, патриотизмом. Во-первых, потому что это цвет китайского Нового года. Во-вторых, потому что на различные праздники принято дарить деньги в красных конвертах («хунбао»). В-третьих, большая часть рекламы, сообщающей о скидках, оформлена в красных тонах. В конце концов флаг КНР красный.
Однако нельзя сказать, что этот цвет захватил все сайты. Ему на пятки наступает синий. Если верить исследованию 2023 года, то международные и местные бренды в КНР чаще выбирают его в качестве доминирующего. Тут надо сказать, что не только компании, которые выходят на международный рынок, типа Haier, но и внутренние, вроде China Mobile.
Сайт Haier. Красный можно встретить лишь на скидочных баннерах
Guokr — известный в Китае научно-популярный сайт. Ни намека на главенство красного
Сайт Alipay. Я все еще ищу красный
Сайт China Mobile. Да где этот красный?!
Конечно, я буду не до конца честен, если скажу, что глубокомысленное значение цветов, рожденное в горниле тысячелетней культуры, совсем потеряло силу. Например, при создании приложений для знакомств действует негласное правило: нельзя использовать зеленый цвет в качестве основного.
Чем зеленый-то не угодил? А просто есть китайское выражение «надеть зеленую шляпу». Используется оно в отношении мужчин и означает что-то вроде нашего «наставить рога». Выражение настолько популярно, что многие бренды даже отказываются выпускать головные уборы зеленого цвета.
Социальное доказательство, или Веб-конфуцианство
Теперь поговорим про отзывы на сайтах. Они повсюду: в карточках товаров, вертикальных видео, социальных сетях. У нас в сфере b2b они важны, но в Китае — еще важнее. Все дело снова в культуре и коллективизме: людям важно ощущать себя частью группы и доверять ей.
Это следствие конфуцианской философии, для которой имеет огромное значение иерархия, семейственность и долгосрочная стабильность. Конфуций подчеркивал важность гармонии в обществе, взаимного уважения и заботы о ближнем. Как итог: китайцы комфортно себя чувствуют в коллективе и тесном пространстве. Вспомните китайских туристов — их трудно не заметить!
То же самое и в бизнесе. Главное для китайского бизнесмена — личные контакты, которые выстраиваются долго и тщательно, а потому отзывы таких же бизнесменов на сайте помогут ему принять решение о будущих переговорах. Помимо отзывов нужно добавить фотографии сотрудников, корпоративных мероприятий, самого производства — это поможет понять, насколько надежен и крут потенциальный партнер, можно ли строить с ним долгосрочные отношения.
Мы решили прикрутить на сайт мясокомбината видео-отзывы. Идея не новая, но китайские бизнесмены от этой прикормки дуреют: все «отзовики» представляются и нет проблем с тем, чтобы найти их в сети.
Есть теория, что коллективизм китайцев — это следствие принадлежности к цивилизации риса. Решающую роль в этом вопросе сыграли географические и климатические условия. Рис — идеальная культура для выращивания в условиях теплого и влажного климата, который характерен для Восточной и Юго-Восточной Азии. У него высокая урожайность: при соблюдении определенных условий его можно собирать два-три раза в год.
При этом выращивание риса требует много людей и четкой групповой работы (строительства каналов, поддержания уровня воды, создания колес с водоподъемными ковшами и т. д.), а значит рисоводы просто обязаны налаживать прочный контакт друг с другом, чтобы соблюдать все технологические стандарты и не ввергнуть в пучину голода стремительно растущее население. Вот вам снова коллективизм.
Толчение риса
Пшеница, рожь или овес, которые традиционно выращивали в Европе, такого количества рабочих рук не требуют. Да, это непросто, но, если постараться, можно ограничиться членами своей семьи. Кажется, здесь и кроется корень европейского индивидуализма.
В пользу теории риса говорит исследование университетов Мичигана, Вирджинии, Пекина и Гуанчжоу, опубликованное в журнале Science. Ученые сравнивали пшеничные и рисовые регионы Китая на предмет разводов. В рисовых супруги расстаются в два раза реже. Так что если хотите крепкую семью — заведите рисовую плантацию.
Видео, видео и все, что похоже на видео
На китайских маркетплейсах уже давно топы продаж делают стримеры. По сути платформы добавили старый и не очень добрый формат «магазин на диване»: блогеры впаривают подписчикам товары, делают это бодро и креативно, чтобы попасть в топы рекомендаций. Учитывая любовь китайцев ко всему яркому и движущемуся (смотрите первый пункт статьи), неудивительно, что и сайты прикрепляют видео на главные страницы.
В целом люди смотрят видео все чаще и просто отвыкают от статичных картинок. Уже в 2024 году 97% китайцев (ничего не утверждаем, но Nineseven.ru — не просто так Nineseven.ru…) активно потребляли такой контент. Удивительно, что в стране, где придумали TikTok, этот показатель не достиг 100%.
Видео на сайте китайского поставщика мяса Yurun Group
Видео на сайте белорусского мясокомбината «Александров». Мы еще добавили горизонтальную прокрутку, простые, но эффектные анимации и каталог в виде быка. В общем, все для вовлечения наших китайских друзей
Всё везде и сразу, или любовь к супераппам
Загляните в свой телефон. Что видите? Десятки приложений! Одно — для общения, другое — для покупок, третье — для просмотра видео, четвертое — для онлайн-платежей. В Европе и США пользователи переключаются между приложениями в среднем 40-50 раз в день. А китайцы могут весь день провести в одном супераппе.
Местные приложения объединяют буквально все: в них можно делать покупки, читать новости, переводить деньги и даже получать госуслуги или подписывать контракты. Если не верите, спросите у любого из более чем миллиарда пользователей WeChat. Это приложение объединяет мессенджер, социальную сеть и платежный сервис.
Или взять второго гиганта — AliPay. Это вроде бы платежный сервис, а по факту — полноценная экосистема. Здесь можно оформить микрозайм, посмотреть цены на акции или получить кредитный рейтинг. А параллельно записать другу кружочек в местном мессенджере или отправить маме голосовое сообщение.
По данным McKinsey, к 2020 году китайские пользователи проводили в мобильных медиа в среднем около 6 часов в день, и половину этого времени — в суперприложениях вроде WeChat.
Оно и понятно: зачем распылять свое внимание на множество сервисов, если в одном месте можно получить практически любую услугу или решить проблему.
Популярность столь многофункциональных приложений объясняет отнюдь не случайность.
Просто в Китае большинство пользователей сразу перешли к смартфонам, минуя этап массового использования ПК. По данным Statista, уже в 2018 году 98% пользователей в стране выходили в интернет через смартфон. Так сформировался спрос на универсальные мобильные решения.
Что в итоге: как мы вышли сухими из соевого соуса и с сайтом для «Александрова»
Сайт для мясной фабрики «Александров» стал для нас настоящим квестом, но мы его прошли, и даже с плюсом. Учитывая все китайские заморочки — от любви к красному и анимациям до иероглифов и горизонтальной прокрутки, — мы сделали сайт, который не только зашел китайским партнерам, но и реально приносит заявки. Каталог в виде быка, видео-отзывы, яркие цвета и куча движухи на экране — все это сработало как надо.
Итог: заявки из Китая, Узбекистана, Казахстана и даже Азербайджана с Арменией посыпались, как рис на свадьбе. Клиент доволен, мы довольны, а ящик заказчика завален письмами — вплоть до «Где моя говядина?».
Я начинающий веб-разработчик, пишу понемножку. Опыта коммерческой разработки ноль, работала вообще по другой стезе, несмотря на то, что по образованию программист. Сейчас я вообще сижу в декрете, учусь на вышке и стараюсь вобрать в себя побольше знаний.
Ранее главным образом меня интересовал функционал сайта.
Но в последнее время я решила поднатаскать навыки именно внешнего оформления сайтов. Поэтому взялась усиленно изучать различные фичи css, которые раньше мне были не знакомы (о чём сожалею - проекты выглядели бы куда презентабельнее).
Верстаю пока странички по шаблонам из figma. Здесь буду показывать свой прогресс. Будет интересно потом это вспомнить. А сейчас мне интересно услышать мнения, а возможно, и советы от опытных разработчиков - что не так, что следует исправлять и т.п.
Начну, пожалуй, с проекта № 7. На мой взгляд, он выглядит неплохо.
Почему я начинаю с седьмого проекта? На гитхабе эти проекты начинаются с 3-го - потому что первые два были посвящены гридам и флексам. А еще потому что предыдущие мне кажутся плохими и я их не исправляла. Хорошие решения я перенимаю из них в новые проекты, плохие же оставляю в прошлом и новый проект начинаю с новым опытом. Хотя, в любом случае - эти проекты на github открыты и можно мне перемыть косточки :)
И, надо понимать, что сама ИИшечка поможет со всем этим на приемлемом уровне только если вы эксперт в этих вопросах или как минимум хотя бы неплохо разбираетесь.
