Как мы разрабатываем сайты?

Опубликовано Разработка

В этой статье мы расскажем Вам о том, как наша студия создает сайты. Сделаем мы это на примере сайта Южно-Казахстанского областного музея.

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

сайт музея до разработки

Не особо впечатляет, не правда ли?

Итак, этапы наших работ:

1. Сбор и анализ данных

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

2. Проектирование прототипа сайта

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

прототип сайта

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

На этом этапе можно вносить свои предложения и коррективы, обсуждать свои идеи с нашими специалистами.

Обсудив прототип с Заказчиком, и внеся все корректировки, приступаем к следующему этапу.

3. Дизайн сайта

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

4. Верстка и программирование

Превращаем наш нарисованный дизайн в html страницу, привязываем ее к системе управления сайтом. Адаптируем дизайн мод мобильные устройства с помощью Фреймворка Bootstrap. Программируем модули, настраиваем систему.

5. Наполнение контентом

Собираем и готовим контент. Наполняем сайт информацией. Создаем фотогалереи и многое другое.

6. Тестирование

После всех этапов, мы проводим тестирование сайта на ошибки: Все ли у нас открывается? Есть ли грамматические ошибки? Тестируем адаптивность дизайна с помощью гаджетов и специальных программ. Устраняем все ошибки, если таковые нашлись.

7. Перенос сайта на хостинг. Сдача проекта Заказчику.

После всех этапов, у нас получился вполне хороший сайт:

сайт музея после разработки

Заключение

Это был первый сайт, разработанный нашей студией. Не смотря на возможную простоту, работу мы проделали огромную. Особенно если сравнить с тем, что было)))

А самое главное – Заказчик остался доволен! Сайт функционирует и удовлетворяет все требования и пожелания. Удобен и познавателен для пользователей.

Цель достигнута!