Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam

Пикабу Игры +1000 бесплатных онлайн игр

Погружайтесь в загадочный мир подводных приключений с игрой

Тайна морей - Затерянные сокровища: Три в ряд

Три в ряд, Казуальные, Головоломки

Играть
Станьте Детективом! Решайте логические головоломки, чтобы найти преступника! 
Множество уровней и интересных историй! События и задачи дня!

Тебе предстоит раскрывать массу разных дел, в этом тебе поможет известный всем сыщикам метод дедукции.

Детектив - логические головоломки

Головоломки, Казуальные, Логическая

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

Королевство Дом

Казуальные, Настольные, Стратегии

Играть
Это увлекательная головоломка с большим количеством уникальных уровней.

Блок пазл. Новый уровень

Казуальные, Головоломки, Логическая

Играть
Модное кулинарное Шоу! Игра в ресторан, приготовление блюд, декорирование домов и преображение внешности героев.

Кулинарные истории

Казуальные, Новеллы, Симуляторы

Играть

Топ прошлой недели

  • CharlotteLink CharlotteLink 1 пост
  • Syslikagronom Syslikagronom 7 постов
  • BydniKydrashki BydniKydrashki 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

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

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Веб-разработка

С этим тегом используют

Программирование IT Разработка Сайт Javascript Программист Web Все
973 поста сначала свежее
132
user5270234
user5270234
1 месяц назад

Я сделал веб-игру про рисование песком с 200 000 физических песчинок⁠⁠

Игра в браузере: https://alexander-dudarev.itch.io/sand-art

Sand Art – это симулятор творческой физической песочницы, в которой я постарался сделать реалистичное моделирование до 200 000 частиц песка.

Я использовал технологии WebGL и пытался создать интуитивно понятное управление, чтобы создать увлекательный творческий процесс.

1/4

Ключевые функции:

- Реалистичная физика песка с 200 000 динамическими частицами, создающими впечатление подлинного песка.

- Многослойная система частиц обеспечивает естественное взаимодействие между песчинками.

- Оптимизированный рендеринг WebGL для обеспечения бесперебойной работы на всех устройствах.

- Набор инструментов для творчества. Разнообразные инструменты взаимодействия, позволяющие манипулировать вашим песочным творением. Художественная настройка 7 уникальных форм кисти для разнообразного художественного выражения. Регулируемые размеры кистей для создания мелких деталей или широких мазков. Полная цветовая гамма для создания ярких разноцветных композиций.

Игра идеально подходит для снятия стресса, творческого самовыражения, арт-терапии.

Буду рад получить фидбэк. Что улучшить, чего добавить?

Показать полностью 4
[моё] Игры Компьютерные игры Видеоигра Веб-разработка Мобильные игры Приложение Рисование Процесс рисования 2D HTML Javascript Web Программирование Программист Программа Песок Творчество Креатив Видео Без звука Короткие видео
28
4
user10606705
user10606705
1 месяц назад

Как я собрал бесплатную библиотеку полезных ресурсов для фрилансеров⁠⁠

Как я собрал бесплатную библиотеку полезных ресурсов для фрилансеров Рекомендации, Бизнес, Успех, Бесплатно, Фриланс, Маркетинг, Дизайн, Тильда, Ux, Ui, Веб-дизайн, Web, Веб-разработка, Разработка, Комьюнити, Сообщество, Telegram, Чат, Помощь, Telegram (ссылка), Длиннопост

Всем привет, я создал проект, который сделает твою работу в digital и IT проще и интереснее!

Привет, друзья! Меня зовут Акмаль, и я с огромным энтузиазмом представляю вам мой новый проект, который я создал специально для всех digital и IT-специалистов! 😊 Если ты постоянно жонглируешь задачами, ищешь удобные инструменты или просто хочешь отвлечься на пару минут, то этот сайт станет твоим верным помощником. Я вложил в него всю душу, чтобы ты мог сэкономить время, найти вдохновение и даже немного отдохнуть. Давай расскажу, что ждёт тебя внутри — уверен, тебе захочется заглянуть! А ещё мне нужен твой совет по одному разделу, который я пока не знаю, как развивать. Заходи, пробуй и делись впечатлениями! 🚀

Ссылочка на библиотеку тут

Инструменты, которые упрощают жизнь

Данный сайт это твоя палочка-выручалочка для работы! Здесь собраны сервисы, которые помогут справляться с рутиной: генераторы UTM-меток, чтобы твои ссылки были идеальными, калькуляторы для расчёта важных метрик (например, ROI или стоимости клика), а также конвертеры для работы с данными. Всё, чтобы ты мог сосредоточиться на главном, а не на мелочах. А если захочется сделать паузу, я добавил несколько мини-игр — они помогут переключиться, улыбнуться и вернуться к делам с новыми силами. 🎮

База ресурсов: Всё, что нужно под рукой

Представь: целая коллекция полезностей, которые всегда будут с тобой! Здесь ты найдёшь бесплатные нейросети для работы и творчества — от создания текстов до генерации визуалов. Чтобы ты мог сразу начать, я подготовил набор подсказок (промтов), которые помогут нейросетям выдавать именно то, что тебе нужно. А ещё тут есть готовые шаблоны документов: брифы, коммерческие предложения, договоры, технические задания — всё можно скачать и использовать. Никаких скрытых условий, только польза! 📝

Генераторы документов: Создай своё за пару минут

Иногда готовый шаблон — это здорово, но что, если тебе нужно что-то уникальное? Для этого у меня есть конструкторы! С их помощью ты можешь создать политику конфиденциальности, пользовательское соглашение, правила использования cookies или даже игровые законы, если работаешь в этой сфере. Просто отвечай на вопросы, и система сгенерирует документ, который идеально подойдёт под твои задачи. Это быстро, удобно и, конечно, бесплатно! ✨

Давай вместе сделаем проект ещё лучше!

Я верю, что этот сайт может стать твоим надёжным помощником в мире digital и IT. Он уже полон полезного, но это только начало — я планирую добавлять ещё больше крутых инструментов и идей! Мне очень важно твоё мнение: что тебе понравилось больше всего? Что бы ты хотел видеть дальше? Загляни по ссылке в профиле, попробуй и расскажи, как тебе! Давай вместе сделаем работу в digital и IT ещё удобнее и вдохновляющей! 🌟

Ссылочка на библиотеку тут

Также я собираю сообщество фрилансеров: Давай помогать друг другу!

я создал проект, чтобы объединить нас, фрилансеров, в одно большое сообщество! Здесь мы можем делиться опытом, а главное — поддерживать друг друга. Давай делиться опытом, вдохновлять и расти вместе! Присоединяйся, а ещё — поделись проектом с друзьями, коллегами и знакомыми, чтобы наше сообщество стало ещё больше.

Наше уютное комьюнити тут

Библиотека бесплатных материалов тут

Также я выражаю свою благодарность всем, кто продвигает проект, и буду признателен за вашу помощь! 🙌 давайте вместе поможем фрилансерам экономить время с удобными инструментами.

Показать полностью 1
Рекомендации Бизнес Успех Бесплатно Фриланс Маркетинг Дизайн Тильда Ux Ui Веб-дизайн Web Веб-разработка Разработка Комьюнити Сообщество Telegram Чат Помощь Telegram (ссылка) Длиннопост
6
5
user9049555
1 месяц назад

Пользователь - но у меня же отечетсвенно ПО. ГИС - пошел на х.., у нас Windows⁠⁠

Пользователь - но у меня же отечетсвенно ПО. ГИС - пошел на х.., у нас Windows Импортозамещение, Картинка с текстом, Linux, Linux и Windows, Министерство цифрового развития, Веб-разработка

Вот такой ответ на часто задаваемые вопросы на портале государственной инф-ой системы и да, кнопка эта не работает под Linux, она высирает XLS (формат из 2003 года) только в Windows. И это ВЕБ портал, ну что там можно было нахуевертить, что бы файл мог скачать только браузер под виндой? К слову вход в ЛК и подпись отчетности в Linux работает.

ГИС Энергоэффективность https://gisee.ru/questions/

Импортозамещение Картинка с текстом Linux Linux и Windows Министерство цифрового развития Веб-разработка
10
3
tkachenko.at
tkachenko.at
1 месяц назад
Молодые предприниматели

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании⁠⁠

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании Предпринимательство, Бизнес, Веб-разработка, Веб-дизайн, Интернет-маркетинг, Маркетинг, Дизайн, Видео, Без звука, Короткие видео, Длиннопост

Привет Пикабу! Я Артур Ткаченко, основатель и арт-директор веб-студии Alt Design. Мы дизайним бренды и создаем впечатляющие сайты основанные на маркетинговой аналитике. Наши проекты получают награды, а клиенты бизнес-результаты. Очень сильны в недвижке, eCommerce, производстве, сфере услуг. Умеем работать с большим бизнесом и госсектором.

А еще я веду свой Telegram канал — пишу много полезного: про бизнес, дизайн и маркетинг, развитие своей веб-студии и личный бренд. Подписывайтесь, буду рад вас видеть!

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

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

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании Предпринимательство, Бизнес, Веб-разработка, Веб-дизайн, Интернет-маркетинг, Маркетинг, Дизайн, Видео, Без звука, Короткие видео, Длиннопост

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


Как зародился миф о волшебстве лендингов

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

В эпоху популярности «Бизнес Молодости» предпринимателям на тренингах внушали идею «быстро создай лендинг + запусти контекстную рекламу = получи результат», и многие поверили в эту «формулу успеха».

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании Предпринимательство, Бизнес, Веб-разработка, Веб-дизайн, Интернет-маркетинг, Маркетинг, Дизайн, Видео, Без звука, Короткие видео, Длиннопост

На практике связка «лендинг + контекстная реклама» работает, но далеко не для всех задач и ниш. Он нужен только для точечной продажи: для одного продукта или услуги с уникальным торговым предложением и очень заманчивым условием для совершения целевого действия здесь и сейчас (чаще всего, это огромный дисконт в 50-70%).

Когда появилась мода на лендинги как на универсальный инструмент, то, как и любая мода, эта идея работала недолго — в 2012–2018 годах, когда аудитория была менее искушённой, а конкуренция — минимальной. Веб-студии и digital агентства тогда тоже подхватили эту формулу на вооружение и до сих пор создают однотипные сайты с длинными-продающими заголовками, огромными текстами, акциями с таймерами и мигающими кнопками. Но сегодня пользователи стали более требовательными, и они не доверяют сайтам, где всё кричит, мигает и призывает оставить заявку прямо сейчас. Современный потребитель хочет естественности, убедительности и удобства.

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

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании Предпринимательство, Бизнес, Веб-разработка, Веб-дизайн, Интернет-маркетинг, Маркетинг, Дизайн, Видео, Без звука, Короткие видео, Длиннопост

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

К сожалению, популярность лендингов объясняется и тем, что их легко и быстро может сделать под ключ даже фрилансер, который не обладает знаниями о создании сложных корпоративных сайтов и порталов. Активное развитие конструкторов сайтов и no-code решений тоже сыграла свою роль в популяризации формата "лендингов".

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


Почему лендинги — это плохое решение?

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

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании Предпринимательство, Бизнес, Веб-разработка, Веб-дизайн, Интернет-маркетинг, Маркетинг, Дизайн, Видео, Без звука, Короткие видео, Длиннопост

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

Именно поэтому, например, клиенты нашей студии с бюджетом 1+ миллион рублей на разработку, попадают на сайт из органического трафика, экспертных статей и публичных выступлений, а не из контекстной рекламы. Эти люди изучают нашу работу не 1 неделю, доверяют нам и понимают нашу специфику. Они следят за нашими проектами, читают материалы и сами принимают решение о сотрудничестве, зачастую спустя месяцы после первого знакомства.

Еще один минус — SEO: на лендингах практически невозможно создать эффективную оптимизацию для поисковых систем и выйти на окупаемые результаты. Есть исключения, но в 90% случаев такие сайты не работают на долгосрочный органический трафик. А ведь именно он формирует хороший приток аудитории на сайт и далее качественные лиды.

Отсутствие доверия может серьезно оттолкнуть клиента. Многие думают, что достаточно добавить на лендинг блок с видео-отзывами, сертификатами или кейсами — и клиент сразу поверит в компанию. Но это не так. Настоящее доверие строится не на быстрых трюках, а на длительной коммуникации. Это когда компания регулярно появляется в поле зрения потенциального клиента: через полезный контент, экспертные материалы, открытость и постоянное взаимодействие. Лендинг же ограничен одним экраном, и его задача — быстро «зацепить». На полноценное знакомство и выстраивание даже минимальных отношений у него просто нет “сил”.

Функциональность лендинга тоже имеет свои границы. Обычно он состоит из 9–12 экранов (блоков), и это максимум, который способен воспринять пользователь. Большинство людей покидают сайт уже на 5–6-м блоке. За это время нужно успеть рассказать о продукте, компании, заинтересовать и подтолкнуть к действию. Нет места для сложных элементов, таких как блог, каталог продукции или раздел с подробным описанием компании. Все это снижает SEO-потенциал и возможность глубже познакомить клиента с продуктом.

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

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


Альтернативы лендингу: что выбрать вместо него?

Так что же нужно бизнесу и как выбрать альтернативу лендинга, для эффективного решение текущих задач бизнеса.

1. Промо-сайты

Это альтернатива №1 для лендинга. Зачастую используется также одностраничный формат, но при этом промо-сайты нацелены на интерактивную презентацию компании/продукта и формирование долгосрочных отношений. Их задача не собрать заявку любой ценой, а заинтересовать и впечатлить пользователя, чтобы он стал теплее по отношению к компании и захотел стать покупателем.

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

2. Корпоративные сайты

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

Подходят: Для компаний, которые хотят строить имидж и привлекать крупных клиентов, длительно удерживать внимание аудитории.- Преимущества: SEO-оптимизация, полнота информации, доверие, удобство навигации.

3. Интернет-магазины

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

Подходят: для ритейла, производителей, инфо-продуктов
Преимущества: потенциал в SEO-оптимизации, возможность продажи без участия менеджера, доверие, удобство навигации.

4. Корпоративные порталы

Разрабатываются для решения специфических, зачастую внутренних задач бизнеса, требующих сложных интеграций и регулярной поддержки со стороны IT отдела.

Почему лендинги - это хр*нь сливающая бюджеты и как понять какой же сайт нужен компании Предпринимательство, Бизнес, Веб-разработка, Веб-дизайн, Интернет-маркетинг, Маркетинг, Дизайн, Видео, Без звука, Короткие видео, Длиннопост

Пример: многофункциональная платформа с личным кабинетом, инструментами управления контентом, обмена данными внутри компании и другими внутренними сервисами.

Как вы увидели из статьи, лендинг — это не панацея, а просто инструмент. Не тратьте деньги на "волшебную кнопку" — анализируйте свою аудиторию и выбирайте правильную структуру будущего сайта.


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

  • Примеры наших работ смотрите на нашем сайте Alt Design

Показать полностью 5 3
[моё] Предпринимательство Бизнес Веб-разработка Веб-дизайн Интернет-маркетинг Маркетинг Дизайн Видео Без звука Короткие видео Длиннопост
2
3
zwuck
1 месяц назад

Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Немного итогов и мюслей⁠⁠

Не ждали? А вот он я!!!

Рубрика «в предыдущих сериях»:

  • Часть первая, что и почему я решил делать Telegram мини-приложения в 2025 или как я дошел до жизни такой. Часть уно

  • Часть вторая, какой инструментарий я использую и немного о разработке Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Часть до

  • Часть третья, разворачивание приложения на VPS и немного про докер Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Часть тре

  • Часть четвертая, настройка бота в telegram, получение доменного имени и ssl, настройка nginx Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Часть куатро

  • Часть пятая, где я рассказываю о настройке бота на запуск мини-приложения и о микросервисах

    Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Часть ай ноу ю вонт ми

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

За этот месяц (и 5 статей) в чат зашло 26 человека и возникает вопрос, а много это потенциальных пользователей или мало? Результат то хороший или плохой? Давайте поразмышляем.

Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Немного итогов и мюслей Telegram, Telegram (ссылка), Веб-разработка, IT юмор, Программирование, IT, Блогеры, Длиннопост

Хмм…

Я уже писал в первой части, что у меня был опыт разработки «не успешных» продуктов. По одному из них есть статистика по результатам рекламной компании:

- реклама была показана нескольким тысячам пользователей;

- на сайт зашло примерно 10 человек;

- зарегистрировалось всего лишь 3 пользователя.

И да, рекламная компания стоила несколько тысяч, как итог, просто ужасная конверсия и «стоимость» привлечения пользователей. Если сравнить тех 3 пользователей и текущих 26, то это, определенно, успех. Главное не останавливаться, развивать продукт и писать об этом.

Перейдем непосредственно к мини-приложению, по нему высветились следующие проблемные области:

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

2) Не красивый/удобный интерфейс. Здесь я получил следующие замечания:

2.1) Буквы не по центру кнопок;

2.2) Кнопка «Выйти» розового цвета;

2.3) Нет автоматического пролистывания диалога;

2.4) Присутствует английский язык в интерфейсе.

Абсолютно все замечания приняты и запущены в работу.

Разработка telegram мини-приложения в 2025 или как я дошел до жизни такой. Немного итогов и мюслей Telegram, Telegram (ссылка), Веб-разработка, IT юмор, Программирование, IT, Блогеры, Длиннопост

Пон прин))

Кроме того, собираюсь сделать следующее:

  • Отображать на стартовой странице количество пользователей (комнат всего или пустых комнат), чтобы было понятно, есть вообще в чате кто-либо или пусто;

  • Писать через бота оповещения о каких-либо изменениях в функционале или дизайне чата;

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

  • На этом на сегодня все, пацантре.

Не забываем, мини-приложение уже готово и ждет своих пользователей, как говорится welcome t.me/Socionyx_Bot/socionyx.

Ссылка на telegram канал t.me/socionyxchannel, you are welcome too.

Буду премного благодарен за обратную связь и замечания по работе текущего мини-приложения.

Показать полностью 2
[моё] Telegram Telegram (ссылка) Веб-разработка IT юмор Программирование IT Блогеры Длиннопост
3
0
SapSanich
1 месяц назад

Итоги T-CTF 2025⁠⁠

Всех православных с прошедшим праздником Светлой Пасхи!

Завершился конкурс T-CTF 2025.

Хотелось бы выразить благодарность организаторам за организацию такого масштабного мероприятия.

Всё было круто: интересные задания, и отдельно хотелось бы выделить общую концепцию, вокруг которой строился конкурс.

Итоги T-CTF 2025 Ctf, Программирование, IT, Веб-разработка, Разработка, Telegram (ссылка), Длиннопост

Промежуточные итоги

Всё происходило в вымышленном городе Капибаровск, где необходимо было помочь капибарам в решении их проблем.

Из наблюдений хочу отметить, что организаторы взяли курс на больший охват аудитории из сопутствующих сфер (разработка, тестирование, QA, аналитики) и действительно командную работу. Обеспечили деление на две лиги: безопасности и разработки.

Мне кажется, это очень правильное решение — нужно увеличивать общее понимание практик инфобеза в индустрии.

Решал задания преимущественно по направлению web, могу отметить следующее.

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

Понравилось разнообразие задач: веб, инфраструктурные, шифрование, разбор трафика, сети, разработка.

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

Из личных результатов: выполнил 10 из 30 заданий, но думаю, можно было показать лучший результат. Задания решал один, без команды.

Постараюсь дать краткий обзор заданий, которые решал и чем-то запомнились.

Капибальпы

Простая сложность

Пранк над сноубордистами... да, с него и началось великое противостояние лыж и сноуборда в Капивеле.

На сайте горнолыжки в Капибальпах появилась новая функция. Капибары могли переводить минуты катания со своего ски-пасса друзьям. Например, если не успевали потратить всё до отъезда. Лыжники решили подшутить над сноубордистами: похитить всё их время катания до последней минуты.

Помнишь, как ты помог им это провернуть?

Первое задание после старта соревнований. Есть виртуальная валюта — минуты катания на склоне. Можно создавать страницу донатов со сбором минут. Здесь и кроется недочёт в логике.

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

Капибординг

Простая сложность

А это то, чем всё закончилось.

Сноубордистам захотелось восстановить справедливость после пранка лыжников. Ты придумал способ вернуть их время.

Лыжники активно критиковали сноубордистов в комментариях на страницах сноубордических донатов, а ты смог обратить это против них.

Продолжение первого задания, нужно помочь сноубордистам капибарам вернуть минуты обратно.

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

Путем небольшого изучения выяснилось, что при создании донатов в заголовке и описании отсутствует должная фильтрация. Это позволяет опубликовать донат с XSS-уязвимостью, который выполнится у лыжника, пишущего гадости.

Доступа к внешней сети у лыжников, как выяснилось, нет — пришлось немного хитрить.

У меня получился следующий код:

<img src="/" onerror='fetch("/api/donation-pages/{ID_ОТДЕЛЬНОГО_ДОНАТА}/comments", {"headers": { "authorization": "Bearer " + localStorage.getItem("token"),"content-type": "application/json"},"body": "{\"content\":\"my token: " + localStorage.getItem("token") + "\"}","method": "POST","mode": "cors","credentials": "include"});'>

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

Капибасни

Средняя сложность

Новости Капибаровска! В Лицее 42 вместо учителей литературы работает нейросеть. В нее загрузили учебный план, а капибарятам выдали доступ к чату.

Но на уроке по басням Ивана Лапкова нейронка сломалась. Теперь она не преподает, а раздает житейские мудрости направо и налево.

Почините учебный план, чтобы лицеисты снова могли спокойно учиться.

Предоставляется исходник и сам стенд для тестирования.

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

При регистрации для пользователя создаются задания от имени учителей, которые ученик не может удалить. Загвоздка в том, что от имени учителя Литературы создано слишком много заданий, а просто удалить их нельзя.

Задача: удалить лишние предметы из учебного плана и набрать отсутствующие, затем запустить учебный план.

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

func BulkDeleteLessons(s storage.Store) gin.HandlerFunc {

return func(c *gin.Context) {

var req BulkDeleteRequest

if err := c.ShouldBindJSON(&req); err != nil {

c.JSON(http.StatusBadRequest, NewWrongJsonDataError())

return

}

if len(req.IDs) == 0 {

c.JSON(http.StatusBadRequest, NewNoIDsProvidedError())

return

}

userID, exists := c.Get("user_id")

if !exists {

c.JSON(http.StatusUnauthorized, NewUnauthorizedError())

return

}

lessons, err := s.Lessons().BulkFindByIDs(userID.(uint), req.IDs)

if err != nil {

logger.Errorf("api.BulkDeleteLessons: %v", err)

c.JSON(http.StatusInternalServerError, NewDbError())

return

}

for _, lesson := range lessons {

if lesson.Owner != model.LessonOwnerStudent {

//ЗДЕСЬ ПРОБЛЕМА! ПРОПУЩЕН RETURN ПОСЛЕ СТАТУСА ОБ ОШИБКЕ!

c.JSON(http.StatusForbidden, NewNoPermissionsError())

}

if err := s.Lessons().Delete(lesson.ID); err != nil {

logger.Errorf("api.BulkDeleteLessons: %v", err)

c.JSON(http.StatusInternalServerError, NewDbError())

}

}

c.JSON(http.StatusOK, NewLessonsDeletedMessage())

}

}

Формируем запрос к API через массовое удаление, включая предметы учителя литературы. Затем добавляем в освободившийся учебный план новые предметы и нажимаем кнопку начала плана для получения ключа.

Капибратство

Средняя сложность

Студенческое капибратство «Тета Каппа» устроило испытание для первокурсников: они должны похитить билеты к экзаменам с сервера института.

Подмените их на другие — вымышленные. Не только же студентам можно дурачиться!

Предоставляется сам стенд и исходник.

Задача — прочитать флаг. Путем изучения исходников понимаем, что происходит локальное чтение файлов билетов. Сам ключ лежит в файле: .env.dist.

В исходниках наблюдаем следующий код:

class HTTPTicketController(Controller):

path = "/ticket"

@Route(http_method=HttpMethod.GET)

@inject

async def get_ticket(

self,

course_id: Annotated[str, Body(description="Course ID", title="Course ID")],

ticket_id: Annotated[str, Body(description="Ticket ID", title="Ticket ID")],

get_ticket_interactor: Depends[GetTicketInteractor],

) -> TicketSchema:

try:

ticket = await get_ticket_interactor(

course_id=str(course_id), ticket_id=str(ticket_id)

)

if not ticket:

raise HTTPException(

status_code=HTTPStatus.NOT_FOUND, detail="Ticket not found"

)

return TicketSchema(text=ticket)

except (FileNotFoundError, PermissionError):

raise HTTPException(

status_code=HTTPStatus.NOT_FOUND, detail="Ticket not found"

)

Который ссылается на get_ticket_interactor, а тот в свою очередь проваливается в метод:

async def read_ticket_file(

self, base_path: str, course_id: str, ticket_id: str

) -> str | None:

file_path = Path(base_path) / (course_id + "/" + ticket_id).replace(

"../", "replaced"

)

try:

if not file_path.is_file():

raise FileNotFoundError("File not found")

return file_path.read_text()

except (FileNotFoundError, PermissionError):

raise FileNotFoundError("Error accessing file")

Как видим, происходит чтение файла и некоторая защита от локального чтения с заменой: ../ на replaced, но явно недостаточная.

Формируем запрос вида: /api/ticket?course_id=&ticket_id=/app/.env.dist

Получаем содержимое ключа.

Капибарбер

Средняя сложность

Капибарбершоп Лапы-ножницы выпустил свое приложение. Перед стрижкой клиенты загружают туда референсы, а капибарбер получает пошаговую схему работы.

Кто-то загрузил файл странного формата — и остальные референсы пропали. Теперь всем подряд стригут каре, капибарочки в шоке, а капибизнесмены гуглят магазины париков.

Разберитесь, что произошло, и по дороге забирайте файл flag.txt

Предоставляется исходник и сам стенд.

Задача — забрать файл flag.txt, который хранится в недоступном из веба месте.

При изучении работы приложения обращаем внимание, что перед отправкой изображения (как будет выглядеть капибара после стрижки) происходит сжатие файла в ZIP-архив. Этот архив затем распаковывается на сервере и выкладывается в директорию, доступную из паблика.

Локально формируем symlink с указанием пути к флагу на диске, после чего добавляем эту ссылку в ZIP-архив. Затем загружаем данный архив через API.

После распаковки архива на сервере мы получаем публичную ссылку, которая ведёт на файл с ключом.

Переходим по ссылке — получаем флаг.

—

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

Поэтому, если у вас есть желание, рекомендую присоединиться и попробовать свои силы в следующем году — даже если вы далеки от тематики информационной безопасности!


P.S. Отдельно хочу подчеркнуть законность и цели этого мероприятия, так как в прошлом посте появились люди, по причине явного непонимания критикующие такую деятельность.

Главная цель — не обучение кражи данных (статью 272 УК РФ никто не отменял!), а понимание принципов работы уязвимостей. Заниматься кражей данных и воровством чужого это плохо. Денег которые стоят того, что вас посадят нет.

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


И конечно подписывайтесь на мой Телеграм канал: https://t.me/+LWoSqRG4ZRk0ZTcy

Показать полностью 1
Ctf Программирование IT Веб-разработка Разработка Telegram (ссылка) Длиннопост
0
352
ninetor
ninetor
1 месяц назад
Китай

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината⁠⁠

Самое мясо китайского веб-дизайна, или Как не стать лосем в Поднебесной. Путеводитель по провинциям визуального хаоса

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Китайский иероглиф 象 означает «слон», а еще — «образ» и «символ». Это одно из слов, которое я запомнил, пока мы делали B2B-сайт для белорусского мясокомбината с прицелом на китайских клиентов. Чтобы не промахнуться с визуальным языком и не провалить проект, мне пришлось разобраться, как устроен китайский веб: чем он отличается, как выглядит хороший сайт в глазах китайского заказчика и почему наши привычные решения там не работают.

Я прочитал несколько книг, нашел исследования и перелопатил десятки китайских сайтов. В этом тексте собрал главное — коротко, по делу и с примерами. Если вам предстоит выходить на китайский рынок, адаптировать продукт или просто любопытно, как там все устроено — будет полезно.

Меня зовут Дмитрий Хоружко, я основатель агентства Nineseven.ru. Поехали.

Почему на сайтах так много всего и ничего непонятно

10-15 лет назад китайские сайты выглядели так, будто кто-то вылил на экран кашу из иероглифов, а потом еще ее размазал. Движущиеся блоки с текстом, миллион анимированных баннеров, зашкаливающее количество картинок — у европейца или американца все это вызывало кровь из глаз. А китайцу было хорошо. Впрочем, хорошо и сейчас. И на это есть четыре причины.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

4399.com — крупнейшая в КНР платформа бесплатных флеш-игр

Медленный интернет и жадность. Когда скорости были низкими, на одну страницу пытались впихнуть как можно больше всего — особенно ссылок, на которые пользователи нажимали, после чего веб-мастер получал копеечку. Серьезные изменения начались в 2013 году, когда пользователи начали массово переходить с ADSL на оптоволоконный интернет — скорость выросла в десятки раз. Но привычка к пестрым сайтам частично осталась.

Восточноазиатское мышление. Если коротко, условное западное мышление — это когда сосредотачиваешься на чем-то одном и не очень обращаешь внимания на контекст. Отсюда все эти законы композиции в живописи, где есть ось симметрии и центральный объект. Восточноазиатское мышление — когда больше обращаешь внимание на контекст.  Это отражается и в традиционной китайской живописи с ее идеей упорядоченного хаоса. Грубо говоря, в композиции всегда есть легкая асимметрия, а благодаря линиям главным оказывается не самый крупный или не центральный объект.

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

Короче говоря, восточноазиаты лучше ориентируются в хаосе и выцепляют из него важное. При этом они абсолютно не теряются и на минималистичных европейских сайтах. А вот мы на восточноазиатских…

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Слева — снимок американца. Справа — японца. Обоих попросили сделать фотопортрет девушки

Нужно ощущение базара. Великий шелковый путь, «очки н-н-нада» и скидки на «Алиэкспресс» — китайцы торговали, торгуют и будут торговать. И они делают это в высококонкурентной среде, поэтому о товаре хотят рассказать сразу все. Вообще китайцам важно ощущение оживленного рынка где-нибудь в деревне у бабушки под Гуанчжоу. Об этом в интервью 2013 года заявили бывший генеральный директор Alibaba Дэвид Вэй и председатель Yihaodian (торговой компании, которую сегодня поглотила JD.com) Ю Ган.

«Наш первый сайт имитировал минималистичный дизайн Amazon, с очень понятной навигацией для поиска и так далее, но нашим клиентам это не понравилось. … Им нравится, когда на странице много всего», — сказал Ган.

Иероглифы без пробелов. Это не ошибка и не экономия места. В китайской письменности действительно не разделяют слова, пробелы ставят только после знаков препинания. К тому же у китайцев нет заглавных иероглифов. Из-за этого весь текст для нас превращается в кашу. Собственно такое же ощущение вызывают и китайские книги. Но в том числе благодаря этому иероглифы обладают большей плотностью информации (обычно одно слово = два иероглифа).

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

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Наш родной маркетплейс

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Китайский Taobao

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Наш родной «Кинопоиск»

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Их родной iQiyi

Чжунхуа цзыхай, или Почему со шрифтами особо не поиграешься

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

Во-первых, иероглифов очень много. Сколько точно — сказать невозможно, потому что они регулярно рождаются и умирают. В 1994 году в Китае выпустили «Чжунхуаа цзыхай» — самый крупный печатный словарь иероглифов — в нем их было аж 85 568. По словам китайского лингвиста Чжоу Югуана, «6600 иероглифов покрывают 99,999% всех иероглифов, встречающихся в современных китайских текстах». Но все равно это очень много. Сделать 33 буквы или 6600 иероглифов? Разница, как говорится, налицо.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Один из томов «Чжунхуа цзыхай»

Во-вторых, есть иероглифы традиционные и упрощенные. Традиционная китайская письменность, по мнению коммунистов во главе с Мао Цзэдуном, была слишком сложна — в 1956 году ее решили упростить, чтобы народ быстрее учился писать и читать инструкции к станкам и винтовкам. Через 8 лет упорной работы выкатили 2235 упрощенных иероглифов.

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

В общем, делать еще плюс 2235 иероглифов для авторского шрифта — хоть и офигенно, но долго и дорого.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Пример упрощенного (слева) и традиционного иероглифа

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

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Черты иероглифов. И это лишь малая их часть

Создавать китайские шрифты для веба — серьезный геморрой (а создавать их для типографий — геморрой в терминальной стадии). Тем не менее выбор есть.

Все китайские шрифты можно разделить на три типа:

  • Сонгти (с засечками)

  • Хэйти (без засечек)

  • Кайти (имитирует рукописный шрифт)

К первым двум относится SimSun и SimHei, которые предустановлены в Windows и Word. К последнему — Kaiti. Все три стали веб-стандартом. На их основе делают другие шрифты. Есть и другие, но по сравнению с кириллическими и латинскими — выбора все равно меньше.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Однако мудрые китайцы нашли выход даже для небольших проектов: создают дизайнерские решения для нескольких иероглифов, помещают их на картинку — вот и уникальный шрифт. Вообще иероглифы на картинке — довольно распространенная вещь в китайском вебе. Принцип @font-face (то есть загрузка даже тех шрифтов, которых нет на устройстве пользователя) здесь особо не работает. Так что в основном довольствуются тем, что используют один стандартный шрифт и картинки для авторских.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Китайский сайт Burger King. Просто картинки — никаких шрифтов

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Фрагмент главной страницы сайта Shineway, поставщика свинины. Интересно, что центральная часть (над кнопкой) сделана в виде картинки — текст скопировать нельзя. А вот в элементах справа и слева — можно

Красный — хорошо, серый — плохо, но не всегда. Особенности цветов

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

Во-первых, традиционный, описанный во всяких культурологических книжках типа «Эстетики цвета в Китае» Го Хао. Во-вторых, европейский. Объясню на примере.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Еще лет 10 назад было распространено цветовое кодирование рейтингов, которое отчасти противоречит нашему:Красный или оранжевый — хорошоЖелтый — нейтральноСерый или черный — плохо

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Так в конце нулевых отмечали негативные, нейтральные и плохие отзывы на Ebay (слева) и Taobao

Теперь же почти все пришло к единообразию: звездочки и серые или черные цифры. Да, в Китае все еще есть сайты, где действует система кодирования, описанная выше, где-то вместо звездочек применяют цветочки, но в целом можно сделать цифровой рейтинг вообще без цвета — и вас поймут. Это значительно упрощает задачу.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

А так это делают в 2025 году. Слева — рейтинг продавца на Ebay. Справа — на Taobao (сколько бы звезд ни было — они все равно останутся красными; цифры внизу— рейтинг доставки, товаров и обслуживания)

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

music.163.com — музыкальный стриминговый сервис. Здесь красным обозначены топ-3 песен в разных категориях. И вообще красный присутствует только как акцентный цвет

Если говорить об общем оформлении, то тут, как ни странно, тоже нет строгих правил. Не будет такого, что вы сделаете желтой шапку сайта, а люди откажутся заходить на него, «потому что желтый — цвет порнографии». Такое значение правда есть. Оно появилось, потому что слово желтый звучит примерно так же, как и «непристойный» (huáng), однако имеет разные иероглифы. При этом желтый — это еще цвет власти, цвет императора. Такой вот семантический симбиоз.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Сайт Meituan, сервиса по доставке еды, покупке билетов, вызову такси и поиску исполнителей для различных работ (да, такое вот разнообразие). Сервис не обвиняли в непристойности из-за желтого цвета

Такая же история с красным. Есть куча статей, где его называют главным цветом веб-дизайна Поднебесной и вообще главным китайским цветом. Да, он ассоциируется с выгодой, удачей, праздником, патриотизмом. Во-первых, потому что это цвет китайского Нового года. Во-вторых, потому что на различные праздники принято дарить деньги в красных конвертах («хунбао»). В-третьих, большая часть рекламы, сообщающей о скидках, оформлена в красных тонах. В конце концов флаг КНР красный.

Однако нельзя сказать, что этот цвет захватил все сайты. Ему на пятки наступает синий. Если верить исследованию 2023 года, то международные и местные бренды в КНР чаще выбирают его в качестве доминирующего. Тут надо сказать, что не только компании, которые выходят на международный рынок, типа Haier, но и внутренние, вроде China Mobile.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Сайт Haier. Красный можно встретить лишь на скидочных баннерах

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Guokr — известный в Китае научно-популярный сайт. Ни намека на главенство красного

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Сайт Alipay. Я все еще ищу красный

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Сайт China Mobile. Да где этот красный?!

Социальное доказательство, или Веб-конфуцианство

Я говорю про отзывы на сайтах. У нас в сфере b2b они важны, но в Китае — еще важнее. Все дело снова в культуре. В КНР больше развит коллективизм: людям важно ощущать себя частью группы и доверять ей.  Это следствие конфуцианской философии, для которой важна иерархия, семейственность и долгосрочная стабильность. А с учетом того, что главное для китайского бизнесмена — личные контакты, которые выстраиваются долго и тщательно, отзывы таких же бизнесменов на сайте помогут ему принять решение о будущих переговорах. Помимо отзывов нужно добавить фотографии сотрудников, корпоративных мероприятий, самого производства — это поможет понять, насколько надежен и крут потенциальный партнер, можно ли строить с ним долгосрочные отношения.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Мы решили прикрутить на сайт видео-отзывы. Идея не новая, но китайские бизнесмены от этой прикормки дуреют: все «отзовики» представляются и нет проблем с тем, чтобы найти их в сети

Есть теория, что коллективизм китайцев — это следствие принадлежности к цивилизации риса. Если коротко, то суть ее такая: выращивание риса требует много людей и четкой групповой работы (строительства каналов, поддержания уровня воды, создания колес с водоподъемными ковшами и т. д.), а значит рисоводы просто обязаны налаживать прочный контакт друг с другом, чтобы соблюдать все технологические стандарты. Отсюда и коллективизм. Для выращивания той же пшеницы столько людей не нужно: вспахал поле, засеял, подождал, потом собрал.

В пользу такой теории риса говорит исследование университетов Мичигана, Вирджинии, Пекина и Гуанчжоу, опубликованное в журнале Science. Ученые сравнивали пшеничные и рисовые регионы Китая на предмет разводов. В рисовых супруги расстаются в два раза реже. Так что если хотите крепкую семью — заведите рисовую плантацию.

Видео, видео и все, что похоже на видео

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

В целом люди смотрят видео все чаще и просто отвыкают от статичных картинок. Уже в 2024 году 97% китайцев (ничего не утверждаем, но Nineseven.ru — не просто так Nineseven.ru…) активно потребляли такой контент.  Удивительно, что в стране, где придумали TikTok, этот показатель не достиг 100%.

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

Видео на сайте китайского поставщика мяса Yurun Group

Наши слоны: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината Бизнес, Китай, Веб-дизайн, Веб-разработка, Зарубежные сайты, Исследования, Telegram (ссылка), Длиннопост

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

Что в итоге: как мы вышли сухими из соевого соуса и с сайтом для «Александрова»

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

Итог: заявки из Китая, Узбекистана, Казахстана и даже Азербайджана с Арменией посыпались, как рис на свадьбе. Клиент доволен, мы довольны, а ящик заказчика завален письмами — вплоть до «Где моя говядина?».

Показать полностью 25
[моё] Бизнес Китай Веб-дизайн Веб-разработка Зарубежные сайты Исследования Telegram (ссылка) Длиннопост
26
user10582549
1 месяц назад

GovTech⁠⁠

Мы команда энтузиастов, которая состоит из 2 сооснователей, back-end разработчиком (опыт 10 лет) и разрабатывает платформу. Нам нужен в команду front-разработчик, веб-дизайнер в одном лице. Мы ему готовы предложить 1% опциона и в подчинение Джуна.

Frontend Веб-разработка Текст
3
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии