Кейсы

Наша семья

Перейти на сайт Авторская версия
Наша семья - центр семейной консультации. Основное направление работы - подготовка будущих мам к успешным родам и материнству. С Нашей Семьёй нас связывают долгие и тёплые отношения.
Мы уверенно заявляем о пользе и качестве работы великолепных консультантов центра, опираясь на опыт некоторых наших сотрудников и их прекрасных жён. Это уже второй проект, который мы создаём для Нашей Семьи. Предыдущий, одностраничный сайт, был одним из первых проектов СофтФормулы. Мы разработали его ещё в 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
и / или
Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных

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


ЯНДЕКС VS GOOGLE: В ЧЕМ РАЗНИЦА?

Никогда не задумывались, чем отличается поисковое продвижение сайтов в Яндексе и Гугле?

ЯНДЕКС.СПРАВОЧНИК ОШИБКИ.
19 Июля

На данный момент Яндекс.Справочник является крупнейшим в рунете.

SEO
КАКИЕ ТРЕНДЫ В SEO АКТУАЛЬНЫ НА СЕГОДНЯШНИЙ ДЕНЬ?
12 Июля

Какие тренды в SEO актуальны на сегодняшний день?

КОПИРАЙТИНГ. АНТИТРЕНДЫ.
05 Июля

Огромные кнопочные телефоны и телефонные аппараты с дисками набора, аудиокассеты и видеомагнитофо

УТП И ПОЗИЦИОНИРОВАНИЕ. В ЧЕМ РАЗНИЦА?

Только-только задумались об интернет-продвижении?

SEO
ЕСТЕСТВЕННЫЕ ССЫЛКИ. РАЗБОР.
21 Июня

Естественные ссылки — это упоминание вашего сайта на тематических ресурсах.