Два Кода — веб-дизайн и разработка
93 subscribers
39 photos
5 videos
4 files
20 links
Канал дизайнера и frontend-разработчика.
UI/UX, frontend, шаблоны сайтов и интерфейсы для игровых и коммерческих продуктов (B2C/B2B).
Download Telegram
#Работы_tсg
💡 А вы думали мы только играми занимаемся?

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

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

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

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

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

Разработка: @rodya1
UI и веб-дизайн: @asechkeee
10👍8🔥3❤1
#Работы_tсg
📱 Чистота - как элемент бренда
Р
азработали концепт сайта для сети премиум‑автомоек и детейлинг‑сервисов.

Целью было не просто показать услуги, а воплотить философию бренда: чистоту, доверие и технологическую простоту - через цифровой опыт.

1️⃣ Задача
Создать сайт, который ощущается как часть бренда, а не его реклама.

Ключевой принцип: UX‑прозрачность. Пользователь не ищет, куда нажать - он интуитивно движется по пути, спроектированному под его поведение.

2️⃣ Подход к дизайну
Опираемся на три принципа: логика, структура, чистота.

Дизайн лишён лишних элементов: каждый служит цели.

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

Свободное пространство и крупная типографика создают ощущение премиальности.

CTA‑элементы расположены в зоне естественного взгляда: заметны, но не навязчивы. Мы отказались от «давления на действие» - вместо этого сбалансированные композиции и отсутствие поп‑апов.

3️⃣ UX и адаптив
Мобильная версия - не «упрощённый сайт», а перепроектированный сценарий взаимодействия.
Время от входа до клика «Записаться» сокращено до < 5 секунд, чтобы пользователь не испытывал раздражения и сохранял доверие.

4️⃣ Визуальный язык
Мы отказались от образа «элитной роскоши» в пользу ясности и надёжности.
В дизайне это выражается через:
- предсказуемую структуру (пользователь сразу понимает, где что находится);
- свободное пространство (снижает когнитивную нагрузку);
- сдержанную эстетику (акцент на содержании, а не на декоре).


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

*️⃣Итог
В эпоху шаблонных сайтов данный интерфейс - это заявление о статусе.
Премиальность строится не на обещаниях «быстро и дёшево», а на:
- безупречной типографике;
- выверенных отступах;
- последовательной анимации.


Каждый элемент работает на ощущение надёжности, ведь именно это и есть настоящий премиум 😎
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤5👍5🔥4
#Полезное_tсg
✅ Честно о нечестных исполнителях

Сегодня сайты делают все: от фрилансеров до студий. Но не все работают честно. Мы собрали самые популярные уловки, с которыми сталкиваются клиенты при заказе сайта (советы в подарок 🎁)👇

1️⃣ Шаблон, выданный за индивидуальный дизайн
Некоторые исполнители обещают “уникальный проект”, но на деле просто берут готовый шаблон со стока, меняют цвета и вставляют ваш текст.

*️⃣Совет: попросите показать черновики, референсы и исходники - если сайт подозрительно похож на популярные темы из Tilda или WordPress, скорее всего, это не эксклюзив, а адаптированный шаблон.

2️⃣ Почасовая оплата без результата
“15 часов по 1500₽” звучит честно, пока не выясняется, что за 15 часов “не успели”, и нужно доплачивать за дополнительные часы.

*️⃣Совет: для сайта под ключ договаривайтесь о фиксированной сумме и прописывайте её в договоре.

3️⃣“Сайт за 3 дня”
Часто это просто маркетинговый крючок. Реальные сроки растягиваются на недели, если не больше.

*️⃣Совет: просите поэтапный план с датами и буфером. Настоящие специалисты не торопятся “просто сделать”, а доводят всё до качества.

4️⃣ Доплата за адаптив
Один из самых частых приёмов: адаптив "в подарок" , а иногда мобильная версия идёт “отдельно” и клиент узнаёт об этом в конце.

*️⃣Совет: уточняйте заранее, входит ли мобильная версия в стоимость. Это должно быть прописано в договоре.

5️⃣ Сайт без SEO - зато быстро
Многие обещают “сайт за 2 дня”, но даже не упоминают SEO. В итоге клиент получает красивую обложку, которая не найдётся в поиске вообще.

*️⃣Совет: уточняйте, делается ли базовая SEO-настройка (мета-теги, структура, скорость загрузки). Без этого сайт просто “существует”, а не работает.

6️⃣Времени нет на бумаги. Давайте на доверии.
Иногда исполнители предлагают работать “на словах”: быстро и без формальностей. Но без фиксации условий нет гарантий и сроков.

*️⃣Совет: уточняйте, как оформляется работа. Мы, оформляем официальные чеки и при необходимости заключаем договор - это защищает и клиента, и нас, делая процесс максимально прозрачным.
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤5🤝4👍3
#Работы_tсg
🎅 Свежая работа

Баннеры для игрового проекта CS 1.6

❓ Задача: передать атмосферу: суровую, снежную, цепляющую, чистую

📍 Снежные элементы, скин и сам персонаж были сгенерированы с помощью ИИ. И да, успела пройти небольшой квест с подбором деталей, чтобы всё выглядело по-настоящему "по-сибирски" 💪

✔️ Результат: довольный заказчик и ещё один проект, которым хочется делиться

Веб-дизайн: @asechkeee
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍20🥰12🔥10
#Работы_tсg
🎁 Новогодний апдейт дизайнов + небольшой редизайн

Почему стоило сменить стилистику? 🤔

В старых версиях персонажи были “рандомными” и не всегда поддерживали идею магазина. Мы взяли персонажей из магазина скинов и переработали их под баннеры, так визуал напрямую связан с контентом проекта.

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

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

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

☎️ Надеемся, что все уже переобулись на зимние баннеры

Дизайн: @asechkeee
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍9🥰6
#Работы_tсg
Новогодний рескин главной страницы
🎁

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

☎️ Что было сделано:
Сезонный баннер;
Праздничные UI-декоры;
Зимние оверлеи по интерфейсу;
Адаптация палитры и контраста;
Микродетали для целостности;
Подкорректировали часть блоков и привели их к единой системе;

Не меняли UX! 😈

Уже появилось новогоднее настроение? 🎄

Веб-дизайн: Анастасия
Разработка: Родион
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥23❤12🎄83
#Работы_tсg
🎉 Редизайн сайта кондиционеров (WordPress)

К нам пришёл заказчик с просьбой провести аудит и последующие корректировки.

Сразу отметим, что, да, сайты как на «до» тоже работают — они могут приносить заявки и «жить» годами. Но рынок и привычки пользователей меняются очень быстро: люди стали нетерпеливее, выбирают за секунды и уходят, если что-то непонятно. Поэтому современный редизайн значит не только «красиво», но и сделать понятнее, быстрее и удобнее для клиента 📱

#️⃣ Что было на “до”:
— Неясно, в каком городе работает компания. Зашёл на сайт, ну и гадай.
— Оффер звучал размыто: скидка какая? на что? до какого числа?
— Мало доверия: нет акцента на преимуществах, гарантиях, клиентах.
— Дизайн можно сказать, что устарел визуально: серый экран, слабые акценты, ведь тяжеловато читается.
— Карточки товаров жили на ховерах: на ПК нужно догадаться навести, чтобы увидеть детали, а на мобилке, как вы знаете, ховеров нет.
— Адаптив местами «плыл», а ведь основная аудитория приходит с телефона.

🆒 Что сделали на “после”:
— Вынесли в шапку явный акцент города, теперь география считывается сразу.
— Переписали и усилили акцию - конкретно, понятно, выгодно.
— Собрали первый экран заново: чистый фон, крупный оффер, две заметные кнопки под разные сценарии.
— Перестроили карточки и каталожные блоки так, чтобы характеристики и действие были доступны сразу, и на ПК, и на мобилке.
— Добавили блок доверия (клиенты/преимущества), чтобы пользователь понимал: «даа, этим ребятам можно доверять».
— И да, чуть подкрутили SEO-настройки внутри, чтобы обновлённая главная лучше ранжировалась.

Подытожим: страница стала заметно свежее, чище и логичнее, теперь пользователь с первых секунд понимает, куда попал, что ему предлагают и как заказать.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥29🥰14👍94
🔔 Важное объявление об обновлении шаблонов

Уважаемые пользователи!
Вышло обязательное обновление файлов шаблонов для корректной работы с движком GAMECMS версии 3.68.

Что это значит?
Старые версии шаблонов могут работать некорректно или вызывать ошибки после обновления движка до версии 3.68.

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

Что нужно сделать?
Скачайте обновлённую версию вашего шаблона.
Сделайте полную бекап-копию вашего сайта и текущих файлов шаблона (на всякий случай).
Загрузите и замените файлы шаблона на сервере согласно инструкции обновления.

❓ Где взять обновление?
За обновлёнными файлами шаблонов обращайтесь в личные сообщения (ЛС) к разработчику: @rodya1

В сообщении укажите название вашего шаблона и, при необходимости, ваш домен.
Внимание! Техническая поддержка по вопросам работы шаблонов на версии 3.68 оказывается только для обновлённых версий.
Не откладывайте обновление во избежание неполадок в работе сайта.

С уважением,
Команда TwoCodes.
1❤‍🔥15🔥8👍53
#Работы_tсg
💪 Оформление сообщества ВК

Сделали комплексный дизайн для VK-сообщества в игровой эстетике с фокусом на ЦА CS-комьюнити.

В рамках проекта оформили:
— аватар сообщества
— обложку для десктопа
— обложку для мобильной версии (для чего она?Чтобы не было заглушки от ВК или обрезанной версии, мобилка играет свою роль)
— карточки товаров
— пункты меню

Основной задачей было — создать визуал, который считывается как «игровой проект»: это драйв, атмосфера и, конечно, читаемость интерфейса на всех устройствах (не забываем об этом! 💪)

Работали с единой айдентикой, чтобы все элементы смотрелись цельно.

Если нужен дизайн — вы знаете, куда писать 🆒
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤34🔥20205
#Работы_tcg
📱 Обновили визуал баннеров игрового проекта

Задача была уйти от типичной игровой эстетики — без неона, киберпанка и стоковых текстур. Сделали editorial-подачу с живыми персонажами.

Охватили три ключевых раздела: привилегии, скины, майская акция

Единая система: крупная типографика, акцентные цвета проекта, персонажи

| ОТЗЫВЫ | FRONTED | ДИЗАЙН |
Please open Telegram to view this post
VIEW IN TELEGRAM
7❤28❤‍🔥11👍9🔥4😍2