01 / Создание
Сделать с нуля
Когда сайта нет или он устарел настолько, что чинить дороже, чем собрать заново.
- Структура и прототип страниц
- Дизайн и вёрстка под ваш бизнес
- Каркас текстов под ваш смысл
- Подключение домена и запуск
Студия сайтов
Ваш бизнес лучше, чем выглядит его сайт
Made Visible приводит сайты в порядок: делает структуру понятной, страницы — быстрыми, а мобильную версию — нормальной. Создаём с нуля и улучшаем то, что уже есть.
Диагностика
Узнаёте свой сайт?
Отметьте то, что похоже на правду. Это не тест с оценкой — просто способ назвать проблему словами. Отмеченное можно перенести в письмо внизу страницы.
Отмечено: из 6. Перенести в письмо
Было → Стало
Тот же бизнес. Разница — в решениях, а не в украшениях
Потяните разделитель. Слева — типовой сайт середины 2010-х: всё есть, но читать тяжело. Справа — та же самая информация, собранная заново.
← Было · сайт 2011 года Стало · та же информация →
Потяните мышью или стрелками на клавиатуре
Оба макета нарисованы кодом прямо на этой странице — это не скриншоты и не картинки. «СтройМонтаж» — вымышленная компания, придуманная для наглядности.
Структура
Сначала — что вы делаете, для кого и в каком городе. Потом всё остальное. Не наоборот.
Читаемость
Крупный текст, воздух, ясная иерархия заголовков. Страница понятна без усилий.
Мобильная версия
Одна колонка, крупные цели нажатия, ничего не уезжает вбок и не требует масштабирования.
Скорость
Меньше лишнего кода, шрифтов и запросов. Страница открывается, а не «подгружается».
Разница
Красивый сайт и работающий сайт — это два разных заказа
Первый заканчивается на макете. Второй — на том, стало ли посетителю понятнее и легче. Мы беремся за второй, и внешний вид получается по дороге.
Как часто получается
Просто красиво
- Новая картинка натянута поверх старой структуры
- Эффекты и анимации, из-за которых страница грузится дольше
- Текст «о компании» вместо ответа на вопрос клиента
- Мобильная версия сделана в последний день «как-нибудь»
- После запуска непонятно, стало лучше или нет
Что делаем мы
Красиво и работает
- Структура собирается вокруг вопросов посетителя, а не отделов компании
- Скорость — часть дизайна, а не то, чем занимаются после сдачи
- Первый экран отвечает: что это, для кого, что делать дальше
- Мобильная версия проектируется первой, а не подгоняется потом
- Изменения можно проверить: скорость, поведение, длина пути до заявки
Что мы делаем
Три причины, по которым к нам приходят
Сайта нет. Сайт есть, но устарел. Сайт нормальный, но медленный и неудобный. Это три разные работы — и мы беремся за каждую из них отдельно.
02 / Обновление
Обновить то, что есть
Когда с бизнесом всё в порядке, а сайт отстал. Сохраняем работающее, меняем мешающее.
- Редизайн устаревшего сайта
- Улучшение визуального стиля
- Адаптация под телефоны и планшеты
- Пересборка структуры и пользовательского пути
03 / Техника
Ускорить и укрепить
Когда сайт выглядит прилично, но медленный, хрупкий или его страшно трогать.
- Скорость загрузки страниц
- Техническая оптимизация
- Базовая SEO-структура
- Перенос на современный стек
- Поддержка и развитие
Процесс
Четыре шага без сюрпризов в середине
На каждом шаге видно, что получается, и можно остановиться или изменить направление. Чем раньше — тем дешевле.
Разбор
Смотрим текущий сайт, задачи бизнеса и то, откуда приходят люди. Формулируем, что именно чинить и в каком порядке.
Структура
Собираем карту страниц и прототип первого экрана. Здесь дешевле всего менять решения — пока нет ни дизайна, ни кода.
Дизайн и сборка
Рисуем и верстаем, начиная с мобильной версии. Проверяем на реальных устройствах, а не только в макете.
Запуск и развитие
Переносим, проверяем ссылки и метаданные, отдаём. Дальше — поддержка и точечные улучшения, если они нужны.
Сроки и стоимость зависят от объёма работы. Мы называем их после разбора — до него любая цифра была бы выдуманной.
Концепты
Вместо чужих логотипов — концепты
Концептуальный редизайн
Мы не показываем клиентские проекты без разрешения и не выдаём чужие работы за свои. Поэтому здесь — три типовых бизнеса, придуманных нами, и то, как их сайт мог бы выглядеть и работать.
Стоматология в спальном районе
У таких сайтов обычно одна беда: длинный текст про оборудование и ни слова о том, как записаться сегодня. Концепт переставляет акценты.
Демонстрация подхода. Не выполненный клиентский проект.
Проверка
Не верьте на слово — измерьте эту страницу
Мы говорим, что сайт должен быть быстрым и чистым. Ниже — измерения именно этой страницы, сделанные вашим браузером на вашем устройстве прямо сейчас. Не наша статистика, а ваша.
- Готова к работе
- — Момент, когда со страницей уже можно взаимодействовать.
- Передано данных
- — Вся страница: разметка, стили, скрипт и шрифты вместе.
- Запросов к серверу
- — Каждый лишний запрос — это ожидание, особенно в мобильной сети.
- Сторонних доменов
- 0 Ни счётчиков, ни рекламных сетей, ни чужих шрифтов.
Почему здесь нет баннера про cookie
Потому что нет ни трекеров, ни аналитики, ни рекламных пикселей. Нечего согласовывать — нечем и надоедать посетителю.
Почему нет ни одной фотографии
Все иллюстрации на сайте нарисованы кодом. Это честнее стоковых фото и в разы легче: страница остаётся быстрой даже на слабой связи.
Работает без JavaScript
Отключите скрипты — тексты, ссылки, вопросы и ответы останутся на месте. Скрипт добавляет удобство, но не держит на себе содержание.
Шрифты со своего домена
Никаких обращений к чужим серверам за шрифтами: быстрее, стабильнее и без утечки данных посетителей на сторону.
Вопросы
Что обычно спрашивают
Сколько стоит сайт?
Зависит от объёма: сколько страниц, нужен ли редизайн целиком или точечная доработка, есть ли готовые тексты и фотографии. Мы не публикуем цену «от», потому что такая цифра всё равно ничего не говорит о вашей задаче. Напишите — назовём вилку после короткого разбора.
Почему на сайте нет клиентских работ?
Мы не выдаём чужие работы за свои и не публикуем проекты без согласия владельцев. Поэтому здесь — концептуальные редизайны, сделанные специально для этого сайта, и сама эта страница: её скорость, вёрстку и код можно проверить прямо сейчас.
У нас сайт на конструкторе или старой CMS. Возьмётесь?
Да. Обычно есть два пути: улучшить то, что есть, или перенести на современный стек, сохранив адреса страниц. Какой путь дешевле и разумнее — становится видно после разбора.
Не потеряем ли мы позиции в поиске при редизайне?
Риск при переделке есть всегда, и его снижают, а не отрицают: сохраняем адреса страниц или настраиваем переадресацию, переносим заголовки и описания, не теряем текст. При этом мы не обещаем рост позиций — честно гарантировать это невозможно.
Вы делаете только дизайн или вёрстку тоже?
Целиком: структура, дизайн, вёрстка, сборка, запуск. Отдавать макеты «на реализацию куда-нибудь» — не наш формат: сайт становится сайтом только в браузере, и там же выясняется, работает решение или нет.
Что происходит после запуска?
Можем остаться на связи: обновления, новые разделы, правки, наблюдение за скоростью. Формат обсуждаем — от разовых задач до регулярной работы.
С чего начать?
Напишите, что за бизнес и что не устраивает в текущем сайте — или что нужно, если сайта пока нет. Дальше короткий разбор и предложение. Ссылка на сайт помогает, но необязательна.
Контакт
Расскажите про сайт — посмотрим, что с ним не так
Что помогает ответить точнее
- Ссылка на текущий сайт, если он есть
- Чем занимается бизнес и кто ваши клиенты
- Что именно не устраивает сейчас
- Есть ли срок, к которому нужно успеть
Ничего из этого не обязательно. Пара строк своими словами тоже подойдёт — недостающее спросим сами.
Форма справа не отправляет данные на сервер: она собирает письмо и открывает его в вашей почтовой программе. Так вы видите, что именно уходит, и ничего не хранится у нас на сайте.