Наша семья

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

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

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

Данный проект это, как принято говорить, "сайт под ключ". Делать пришлось всё, что требуется для создания первоклассного сайта.

Хотите, мы и вам сайт сделаем?

Просто позвоните по телефону +7 (812) 608-62-33 +7 (495) 145-32-12 или напишите нам

Написать о задаче

Задача

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

Решение

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

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

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

«Главным цензором была моя супруга - постоянная посетительница Нашей Семьи. Сайт должен был получиться первоклассным. Без вариантов.»

Владимир Смирнов Директор по качеству

Результаты работ здесь (10 фото и 1 видео)

Создание структуры

Интерактивный прототип

1

Необходимая составляющая проекта. Чтобы всё учесть, ничего не забыть.

Как часто и бывает - проще сказать "структура", чем сделать её. Особенно пришлось поломать голову над фильтрами услуг и занятий.

Пример структуры

Через три дня работы и десяти литров кофе структура была готова.

Создание прототипа

Интерактивный прототип

2

Задача данного этапа - продумать реализацию всех идей и навигацию для различных категорий посетителей.

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

В результате мы создали полный интерактивный прототип будущего сайта и передали его графическому дизайнеру для дальнейшей работы.

Интерактивный прототип

«Фильтр услуг переделали раз десять. Каждый раз нам казалось, что можно сделать лучше, проще, понятнее. Так и вышло.»

Владимир Смирнов Директор по качеству

Результаты работ здесь

Дизайн

Редизайн сайтов

3

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

Главная страница

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

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

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

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

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

Вёрстка

Интерактивный прототип

4

Первоклассный верстальщик, вооружённый UiKit`ом способен творить чудеса!

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

В результате мы получили вёрстку идеально раскрывающую и дополняющую дизайн.

Посмотреть вёрстку

Программирование

Адаптивный сайт Интерактивный прототип

5

Программирование функционала – это этап разработки сайта, на котором разработанный дизайн, интерфейс и система управления связываются в единое целое.

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

Результат

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

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

Над проектом работали

Владимир Смирнов Директор по качеству

Дмитрий Захарьев генеральный директор компании

Людмила Хилько Руководитель отдела интернет-маркетинга

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

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

«Спасибо компании за столь прекрасный и удобный сайт. наши посетительныцы просто в восторге»