Обсудить проект

(Статьи)

Отвечаем на вопросы
о сайтах, дизайне и айдентике

53 статьи

Статьи

  1. Как выбрать фирменные цвета бренда

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

    Графика
  2. Форма заявки на сайте: как сделать, чтобы её заполняли

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

    Разработка
  3. Форматы логотипа: какие файлы нужны и для чего

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

    Логотипы
  4. Как давать правки дизайнеру, чтобы не переделывать по кругу

    Хорошая правка описывает проблему, а не решение: «непонятно, что это кнопка» вместо «сделайте красной». Как собрать правки, чтобы не ходить по кругу.

    Веб-дизайн
  5. Как выбрать домен для сайта

    Хороший домен короткий, пишется так, как слышится, и легко диктуется по телефону. Разбираем зоны .ru, .рф и .com, проверку истории и продление.

    Разработка
  6. Как выбрать подрядчика для разработки сайта

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

    Веб-дизайн
  7. Как сделать лендинг для детского центра

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

    Веб-дизайн
  8. Как сделать лендинг для клининговой компании

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

    Веб-дизайн
  9. Как сделать лендинг для языковой школы

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

    Веб-дизайн
  10. Сайт на нескольких языках: как сделать и не потерять в поиске

    У каждой языковой версии — свои адреса, например папка /en/, связь через hreflang и свои заголовки, а язык посетитель выбирает сам, без переадресации по IP.

    Разработка
  11. Первый экран сайта: что на нём должно быть

    За первые секунды человек решает, туда ли попал. На первом экране нужны ясное предложение, подзаголовок, одна кнопка, фото продукта и признаки доверия.

    Веб-дизайн
  12. Прототип сайта: что это и зачем он нужен

    Прототип — схема страниц до дизайна: блоки, тексты, кнопки и переходы без цветов и фото. На нём дешевле всего передумать. Разбираем виды и согласование.

    Веб-дизайн
  13. Редизайн логотипа: когда он нужен и как не потерять узнаваемость

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

    Логотипы
  14. Как сделать сайт для базы отдыха или глэмпинга

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

    Веб-дизайн
  15. Как сделать сайт цветочного магазина

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

    Веб-дизайн
  16. Как сделать сайт для производственной компании

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

    Веб-дизайн
  17. Как сделать сайт для ресторана: меню, бронь, банкеты

    Гость открывает сайт ресторана с телефона, чтобы за минуту увидеть меню с ценами и забронировать стол. Разбираем страницы: меню, бронь, банкеты, контакты.

    Веб-дизайн
  18. Как сделать сайт для стоматологии

    Пациент выбирает клинику по доверию, а с острой болью — по скорости записи. Разбираем сайт стоматологии: запись, цены «от», врачи, первый приём, отзывы.

    Веб-дизайн
  19. Как сделать сайт для юриста или адвоката

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

    Веб-дизайн
  20. Сайт-визитка: что это и что на нём должно быть

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

    Веб-дизайн
  21. Шрифт для сайта: как выбрать и не нарушить лицензию

    Шрифт для сайта должен читаться на телефоне, иметь качественную кириллицу и веб-лицензию. Как выбрать пару шрифтов, проверить права и подключить без «прыжков».

    Графика
  22. Структура лендинга: какие блоки нужны и в каком порядке

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

    Веб-дизайн
  23. Техническое задание на сайт: что в нём писать

    ТЗ описывает, что и как работает на сайте: страницы, сценарии, формы, интеграции, требования и критерии приёмки. Разбираем состав и когда хватит брифа.

    Разработка
  24. UX и UI дизайн: в чём разница

    UX — логика сайта и путь человека к цели, UI — внешний вид кнопок, форм и меню. Объясняем разницу на примерах и что из этого нужно небольшому сайту.

    Веб-дизайн
  25. Виды логотипов: знак, шрифтовой или комбинированный

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

    Логотипы
  26. Адаптивный дизайн: каким должен быть сайт на телефоне

    Адаптивный сайт перестраивается под ширину экрана: на телефоне текст читается без увеличения, а кнопки и формы удобны для пальца. Что проверить и как.

    Веб-дизайн
  27. Анимация на сайте: когда помогает, а когда мешает

    Анимация помогает, когда направляет внимание, объясняет переходы и передаёт характер бренда, и мешает, когда тормозит, отвлекает или укачивает.

    Разработка
  28. Брендбук и гайдлайн: что это и зачем они нужны

    Брендбук описывает бренд целиком: идею, аудиторию, голос и внешний вид. Гайдлайн — правила работы с логотипом, цветами и шрифтами. Разбираем, что в них входит.

    Логотипы
  29. Как поставить задачу на логотип: бриф и частые ошибки

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

    Логотипы
  30. Бриф на разработку сайта: что подготовить и как заполнить

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

    Веб-дизайн
  31. Этапы разработки сайта: как идёт работа и сколько она занимает

    Сайт проходит четыре этапа: разбор задачи, структура и тексты, дизайн, разработка и запуск. У нас это 14–23 рабочих дня — разбираем, что происходит на каждом.

    Веб-дизайн
  32. Конструктор или сайт на заказ: что выбрать

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

    Разработка
  33. Тексты и фото для сайта: как подготовить контент

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

    Веб-дизайн
  34. Как сделать лендинг для автосервиса, которому доверяют

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

    Веб-дизайн
  35. Как сделать лендинг для фитнес-студии

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

    Веб-дизайн
  36. Как сделать лендинг для кофейни

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

    Веб-дизайн
  37. Как сделать лендинг для кондитерской и тортов на заказ

    Торт на заказ выбирают по фото, начинке и цене за килограмм. Разбираем лендинг кондитерской: каталог, конструктор заказа, сроки, доставка, состав и аллергены.

    Веб-дизайн
  38. Как сделать продающий лендинг для онлайн-курса

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

    Веб-дизайн
  39. Как сделать лендинг для ремонта квартир

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

    Веб-дизайн
  40. Как сделать лендинг для салона красоты с онлайн-записью

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

    Веб-дизайн
  41. Лендинг или многостраничный сайт: что выбрать

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

    Веб-дизайн
  42. Логотип и фирменный стиль: в чём разница

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

    Логотипы
  43. Как сделать презентацию компании, которая продаёт

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

    Графика
  44. Как принять сайт у разработчика: чек-лист приёмки

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

    Разработка
  45. Как сделать редизайн сайта и не потерять трафик

    Сохраните адреса страниц или настройте 301-перенаправления, перенесите title и тексты, которые приводят посетителей, и проверьте сайт после запуска.

    Разработка
  46. Как сделать сайт дизайнера интерьера

    Дизайнера интерьера выбирают по реализованным проектам и понятному процессу. Разбираем сайт: проекты с планировками, этапы, форматы работы и цены за м².

    Веб-дизайн
  47. Как сделать сайт-портфолио для фотографа

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

    Веб-дизайн
  48. SEO-база нового сайта: что настроить перед запуском

    Перед запуском нужны title и description, понятные адреса, sitemap.xml, robots.txt, HTTPS, перенаправления и подтверждённые права в Вебмастере и Search Console.

    Разработка
  49. Сколько стоит сайт и из чего складывается цена

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

    Веб-дизайн
  50. Почему сайт медленно грузится и как его ускорить

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

    Разработка
  51. Как сделать продающий лендинг для мебельного магазина

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

    Веб-дизайн
  52. Как сделать продающий лендинг для школы начинающих психологов

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

    Веб-дизайн
  53. Как сделать продающий лендинг для строительного магазина

    Стройматериалы выбирают по цене, наличию и доставке. Разбираем, как собрать лендинг строительного магазина, который приводит заявки на расчёт.

    Веб-дизайн