Дизайн сайта для портала http://www.MoyaStrana.ru

Хочу рассказать о процессе разработки. С чего все начинается и какой результат в итоге.
Усаживайтесь поудобнее. Будет много картинок и текста. Буду рад вашей критике. Это поможет мне стать лучше. Спасибо 🙂

Итак — этап #1.
Конечно это ТЗ (техническое задание). Которое мы составляем с заказчиком после первого запроса. Здесь пример в pdf-версии.

Задача

1. Сайт максимально светлый, белый
2. Цвета шрифтов, наверное, взять из главной картинки
3. Там, где действия (сценарии пользователей) — можно что-то вроде вариантов выбора или дорожной карты?
4. Посмотреть в конечном варианте при этом, как будет выглядеть страница с картинкой и действиями из пункта 3 и как будет выглядеть вариант без картинки,
когда действия в центре страницы.

Решение

По желанию заказчика мы начинаем с главной страницы и второстепенной (страницы проекта).
Клиент определяет, что на главной будет основная картинка, текст на ней (слоган) + цели проекта кратко.
Клиент начинает думать о будущей структуре сайта и это находит отражение в главном меню.
Для подачи на главной странице выбирается вариант с картинкой, которую можно купить с эксклюзивными правами.

веб-дизайн, пример, скетч, набросок, главная страница
пример главной страницы

Клиент задает параметры содержания по тексту и будущему действию пользователя.

Прототип

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

веб-дизайн, дизайн, проект,
Черновик главной страницы. Версия 1
веб-дизайн, дизайн, проект,
Черновик внутренней страницы. Версия 1

Поиск композиции

4 примера на Invision

Это слайд-шоу требует JavaScript.

Ipad версия

4 примера на Invision

 веб-дизайн, дизайн, проект,
Черновик главной страницы. Ipad версия

Навигация мобильной версии

Iphone 5s / пример верстки

11 примеров на Invision

веб-дизайн, дизайн, проект,
Черновик внутренней страницы.
Мобильная версия

Заключение

20 страниц главной и внутренних страниц, мобильная версия: Ipad и Iphone для проекта Моя Страна.

Дизайн и базовые элементы дизайна

Создание шаблонов страниц: 3 страницы главной, 3 для Ipad, 6 для Iphone.
Разработка единого макета.
Создание иконок, иллюстрации.
Подбор фотоизображении.

Дополнительный сервис

Консультация и концепция.
Управление проектом.Организация, анализ, поиск.
Брифинг, дебрифинг, согласование, исследование аналогов, актуализация решения.
Правки.
Презентация.
Подготовка для программирования.

Сроки реализации

С 1 марта по 14 мая 2016 года.

Реклама