загрузка

Увидеть больше

Веб-студия IDID


Москва, Багратионовский пр., д.7, оф. 511
Деловой центр «Рубин»
+7 (499) 653 55 68
info@idid.ru
17.04.2015 Веб-сайт www.mosproject2.ru
Старый сайт

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

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

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

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

Сайт «Моспроекта-2» превосходно отображается на любых устройствах, полностью адаптируясь под разрешения экранов смартфонов, планшетов и умных телевизоров

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

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

Фавикон
Мы уделяем огромное внимание деталям, и даже такая мелочь, как фавикон — не исключение. Он отрисован вручную попиксельно, чтобы прекрасно смотреться в уменьшенном размере. Такого результата нельзя добиться автоматическим уменьшением логотипа, ведь в этом случае фавикон будет выглядеть размытым и нечётким
Страница ошибки 404

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


Закрыть
Сделать заказ
Заполните поля, чтобы отправить нам заявку на разработку проекта. Наш менеджер свяжется с вами в течение одного рабочего дня для уточнения деталей и рассчитает для вас стоимость проекта.
+ Прикрепить файл
Вы прикрепили файл
Спасибо! Мы получили ваше сообщение. В течение одного рабочего дня с вами свяжется наш менеджер для уточнения всех деталей вашего проекта. Вернуться на главную