Веб-студия "Облака"Информация о сайте веб-студии "Облака"

Сайт веб-студии Облака

Веб-студия "Облака"

Сайт веб-студии "Облака" разрабатывался очень долго(по меркам аналогичных проектов), так как каждый сотрудник веб-студии представлял его по своему. Было несколько рабочих версий, множество правок, огромное количество споров и грандиозных идей. К сожалению, от большинства из них пришлось отказаться, так как они серьёзно увеличивали время загрузки страниц.

Что требовалось

1. Эффективные продающие свойства

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

2. Понятная архитектура

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

3. Минимальное время загрузки

Это требование очень тестно связано с SEO оптимизацией и продающими свойствами. Требовалось минимальное время загрузки, при сохранении объёма и эффективной подачи информации.

Что было сделано

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

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

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

В основе кода сайта веб-студии лежит профессиональный HTML шаблон. Однако было потрачено немало времени и сил, что бы превратить его в готовый сайт.

Был проведён комплексный анализ и оптимизация кода, в частности: убраны пояснения разработчиков HTML шаблона и оптимизированы и сжаты файлы CSS.

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

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

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

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

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

Формат микроразметки страниц сайта веб-студии Schema.org, который на данный момент поддерживается всеми популярными поисковыми системами.

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

Другое.
В процессе работы, сайт веб-студии использует множество разных технологий.

CDN и DDOS-protekt от CloudFlare значительно уменьшает время загрузки сайта и гарантирует его бесперебойную работу.

Сервис Mail Climpf для удобной и быстрой обратной связи и рассылки самых свежих и актуальных новостей веб-студии и мира онлайн маркетинга в целом.

Что использовалось



Результаты



Ответы на вопросы о сайте веб-студии "Облака"

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