Кейсы

Наша семья

Перейти на сайт Авторская версия
Наша семья - центр семейной консультации. Основное направление работы - подготовка будущих мам к успешным родам и материнству. С Нашей Семьёй нас связывают долгие и тёплые отношения.
Мы уверенно заявляем о пользе и качестве работы великолепных консультантов центра, опираясь на опыт некоторых наших сотрудников и их прекрасных жён. Это уже второй проект, который мы создаём для Нашей Семьи. Предыдущий, одностраничный сайт, был одним из первых проектов СофтФормулы. Мы разработали его ещё в 2014 году. Теперь же мы пошли гораздо дальше и решили сделать по-настоящему большой, удобный и полезный сайт!

Какие задачи нам предстояли

Данный проект это, как принято говорить, "сайт под ключ". Делать пришлось всё, что требуется для создания первоклассного сайта.
Хотите, мы и вам сайт сделаем?
Просто позвоните по телефону +7 (812) 608-62-33 +7 (495) 145-32-12 или напишите нам
Написать о задаче

Задача

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

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

Это означает, что сайт должен иметь максимально удобную адаптивную версию, появляться на первых позициях в поиске (приоритетно google, так как на большинстве смартфонов поиском по-умолчанию является именно google). Конверсия выше, если центр находится в "шаговой доступности". Поэтому при ведении контекстных рекламных кампаний мы будем использовать геотаргетинг, то есть в первую очередь наша реклама будет видна жителям тех районов, где находятся филиалы Нашей семьи.

Обсудив с маркетологами специфику будущих рекламных кампаний и вооружившись огромной кружкой кофе за работу взялся архитектор...
Создание структуры
1
Необходимая составляющая проекта. Чтобы всё учесть, ничего не забыть.
Как часто и бывает - проще сказать "структура", чем сделать её. Особенно пришлось поломать голову над фильтрами услуг и занятий. Через три дня работы и десяти литров кофе структура была готова.
Создание прототипа
2
Задача данного этапа - продумать реализацию всех идей и навигацию для различных категорий посетителей.
Сайт Нашей Семьи подразумевает бережную работу с текстовой информацией, он более "информационный", чем "дизайнерский". Поэтому прототип нужно было сделать максимально продуманным и выверенным с точки зрения логики размещения контента. Особенно сложной и интересной задачей стала разработка фильтров и структуры расписания занятий.
В результате мы создали полный интерактивный прототип будущего сайта и передали его графическому дизайнеру для дальнейшей работы.

Интерактивный прототип
3
То ли особая тематика, то ли прекрасные отношения с клиентом, а может быть, та свобода, которую нам предоставили в работе - так или иначе к дизайну Нашей Семьи мы подошли с особым трепетом.
Главная страница

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

Настроение сайта

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

Предусматриваем всё

Как и всегда не забываем отрисовать те элементы сайта, которые не сразу и не всегда видны или являются частью будущей анимации, которую создаёт верстальщик. Это всплывающие окна, формы, страница ошибки 404, состояния всех элементов интерфейса при наведении курсора или клике (так называемый UiKit - подробная инструкция для верстальщика)

4
Первоклассный верстальщик, вооружённый UiKit`ом способен творить чудеса!
Первоклассный верстальщик, вооружённый UiKit`ом способен творить чудеса! Верстальщики люди суровые. Стоит хоть что-то забыть прописать в задаче или отметить в UiKit`е... нет, они не спрашивают, как надо сделать. Они делают "на своё усмотрение". И этот проект не был исключением. Но бдительность дизайнера, менеджера проекта и директора по качеству позволяли замечать все неточности и максимально быстро устранять их.
В результате мы получили вёрстку идеально раскрывающую и дополняющую дизайн.

Посмотреть вёрстку
5
Программирование функционала – это этап разработки сайта, на котором разработанный дизайн, интерфейс и система управления связываются в единое целое.
На этом этапе реализуется логика работы пользователя с веб-сайтом, а также устанавливаются все необходимые взаимодействия с другими программами, сайтами и сервисами. Условно весь функционал веб-сайтов можно разделить на типовые модули (те, что в том или ином виде встречаются на ряде сайтов) и индивидуальные (такие, которые разрабатываются под индивидуальные, высокоспециализированные задачи клиента).

Результат

Мы смогли решить все поставленные задачи, сдали проект вовремя и получили прекрасный результат.
Мы смогли решить все поставленные задачи, сдали проект вопремя и полцчили прекрасный результат. Мы смогли решить все поставленные задачи, сдали проект вопремя и полцчили прекрасный результат. Мы смогли решить все поставленные задачи, сдали проект вопремя и полцчили прекрасный результат. Мы смогли решить все поставленные задачи, сдали проект вопремя и полцчили прекрасный результат.
Над проектом работали
Владимир Смирнов Директор по качеству
Дмитрий Захарьев генеральный директор компании
Людмила Хилько Руководитель отдела интернет-маркетинга

Дизайн до и после

Мы получили великолепный сайт, адаптивный для всех устройств. Мы рады такому сотрудничеству с клиентом и однозначно будем продалжать работу для привлечения аудитории.
«Спасибо компании за столь прекрасный и удобный сайт. наши посетительныцы просто в восторге»
Вита Шувалова Основатель центра

Начните сотрудничество уже сейчас

Напишите нам о своей задаче или позвоните по телефону +7 (812) 608-62-33+7 (495) 145-32-12
и / или
Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных

Вас может заинтересовать


SEO
КАК ПРОВЕРИТЬ ПОЗИЦИИ САЙТА В ПОИСКОВЫХ СИСТЕМАХ?

Самый простой способ - проверить позицию сайта вручную.

SEO
ЧЕРНОЕ SEO
25 Октября

«Черные» методы продвижения сайтов используют некоторые особенности работы поисковиков с целью ис

SEO
КАК ОТСЛЕДИТЬ РЕЗУЛЬТАТЫ РАБОТ ПО НАСТРОЙКЕ SEO
18 Октября

Оценивать результаты работы по SEO можно лишь после завершения финальных шагов всего плана продви

SEO
СРОКИ ПОЛУЧЕНИЯ РЕЗУЛЬТАТОВ ОТ НАСТРОЙКИ SEO
11 Октября

Сроки получения результатов от настройки SEO зависят от множества факторов:

SEO
ТОП-5 СОВЕТОВ ПО ВНУТРЕННЕЙ ОПТИМИЗАЦИИ САЙТА

1. Первое, что нужно сделать – убрать дубли страниц с продвигаемого сайта.

SEO
SEO ПРОДВИЖЕНИЕ – ИСТОЧНИК НАИБОЛЕЕ КОНВЕРСИОНАЛЬНОГО ТРАФИКА
27 Сентября

SEO продвижение – источник наиболее конверсионального и бесплатного трафика для долгосрочных прое