Дизайн-концепция для «Сибшахтострой»
1. Сайт с самого начала даёт пользователю понять, куда он попал - на сайт объединенной компании Сибшахтострой. И рассказывает о компании главное - ее конкурентные преимущества: быстрое, качественное и выгодное по цене строительство. Это экран загрузки. Он нужен для того, чтобы пользователю не приходилось ждать, пока сайт загрузится и начнет диалог. Общение сайт начинает сразу. При это решается техническая задача - сайт технологичный и его элементы должны быть загружены все, сразу и корректно. Так как скорость соединения у разных пользователей может быть разной, мы загружаем весь сайт сразу, чтобы далее он работал без тормозов, бесшовно и стабильно. 2. Далее пользователь попадает на первый экран главной страницы сайта. Все элементы здесь появляются с помощью анимации. Сайт живой, его движения органичны и приятны глазу. С первых секунд опыт взаимодействия с ним настраивает на спокойное и приятное . 3. Облик сайта стоит на трех главных элементах: шрифт, дизайн, отраслевая принадлежность. Инженерный шрифт и сочетание строгих линий играют на то, чтобы визуальный язык сайта попадал в стереотип целевой аудитории - инженеров, производственников, управленцев промышленных предприятий. При этом шрифт обеспечивает отличную передачу информации. Четкие линии и геометрическая строгость сайта продолжают 3d-модели объектов, построенных Сибшахтострое (в концепте представлены модели, которые мы разрабатывали для других предприятий. Для Сибшахтостроя мы разработаем оригинальные модели нужных объектов). Эти модели сразу показывают “товар лицом” - объекты, которые реализованы компанией. Таким образом Сибшахтострой вместо рассказов о себе с самого начала дает потенциальному клиенту то, что полезно для клиента - объекты и экспертизу, которые дает Сибшахтострой. 4. Модели анимированы, они дают представление о прогрессе в строительстве и своей “анатомии”. При наведении курсора на них они откликаются, давая интуитивное представление о том, какие элементы кликабельны, что скрывается за элементами. Курсор видоизменяется при наведении, давая понять, что об объекте можно узнать больше, нажав на него. При нажатии пользователь попадет на страницу с подробным описанием объекта. 5. Далее переход на второй экран главной страницы. Здесь мы уже рассказываем о компании Сибшахтострой. Кратко о ее истории и опыте. Тут же раскрываем список отраслей, в которых работает объединенная компания. Наглядно даем понять, что не ограничиваемся угледобывающими предприятиями. Здесь же пользователь видит видео с производства Сибшахтостроя и может ознакомиться с видео подробней, нажав на кнопку “видео о компании”, в которую превращается курсор при наведении. Точно такое же превращение курсора позволит пользователю узнать больше об опыте и предложениях Сибшахтостроя по каждой из отраслей. 6. Меню сайта находится в привычном месте - вверху экрана, и обозначено привычным знаком. После его нажатия пользователю предлагается очень простое и эффективное меню. Так как это служебный элемент интерфейса, он должен быть максимально консервативным и понятным. Очередность и состав пунктов может меняться как угодно - это вопрос наполнения сайта. Важно: Контактные данные доступны всегда - они вверху экрана. При развертывании меню они приобретают акцентированную форму, легко считываются, помогают пользователю. Тендерная концепция - это не конечный вариант. Она задает тон визуального языка, вернее один из его вариантов. Конкретное расположение разделов, страниц, их элементов и даже облика решает этап дизайна сайта и разработки его архитектуры, который требует более глубокого изучения компании и ее задач, а также исследований и гораздо большего объема времени. Все это обязательно реализуется во время работы над дизайном сайта.
1. Сайт с самого начала даёт пользователю понять, куда он попал - на сайт объединенной компании Сибшахтострой. И рассказывает о компании главное - ее конкурентные преимущества: быстрое, качественное и выгодное по цене строительство. Это экран загрузки. Он нужен для того, чтобы пользователю не приходилось ждать, пока сайт загрузится и начнет диалог. Общение сайт начинает сразу. При это решается техническая задача - сайт технологичный и его элементы должны быть загружены все, сразу и корректно. Так как скорость соединения у разных пользователей может быть разной, мы загружаем весь сайт сразу, чтобы далее он работал без тормозов, бесшовно и стабильно. 2. Далее пользователь попадает на первый экран главной страницы сайта. Все элементы здесь появляются с помощью анимации. Сайт живой, его движения органичны и приятны глазу. С первых секунд опыт взаимодействия с ним настраивает на спокойное и приятное . 3. Облик сайта стоит на трех главных элементах: шрифт, дизайн, отраслевая принадлежность. Инженерный шрифт и сочетание строгих линий играют на то, чтобы визуальный язык сайта попадал в стереотип целевой аудитории - инженеров, производственников, управленцев промышленных предприятий. При этом шрифт обеспечивает отличную передачу информации. Четкие линии и геометрическая строгость сайта продолжают 3d-модели объектов, построенных Сибшахтострое (в концепте представлены модели, которые мы разрабатывали для других предприятий. Для Сибшахтостроя мы разработаем оригинальные модели нужных объектов). Эти модели сразу показывают “товар лицом” - объекты, которые реализованы компанией. Таким образом Сибшахтострой вместо рассказов о себе с самого начала дает потенциальному клиенту то, что полезно для клиента - объекты и экспертизу, которые дает Сибшахтострой. 4. Модели анимированы, они дают представление о прогрессе в строительстве и своей “анатомии”. При наведении курсора на них они откликаются, давая интуитивное представление о том, какие элементы кликабельны, что скрывается за элементами. Курсор видоизменяется при наведении, давая понять, что об объекте можно узнать больше, нажав на него. При нажатии пользователь попадет на страницу с подробным описанием объекта. 5. Далее переход на второй экран главной страницы. Здесь мы уже рассказываем о компании Сибшахтострой. Кратко о ее истории и опыте. Тут же раскрываем список отраслей, в которых работает объединенная компания. Наглядно даем понять, что не ограничиваемся угледобывающими предприятиями. Здесь же пользователь видит видео с производства Сибшахтостроя и может ознакомиться с видео подробней, нажав на кнопку “видео о компании”, в которую превращается курсор при наведении. Точно такое же превращение курсора позволит пользователю узнать больше об опыте и предложениях Сибшахтостроя по каждой из отраслей. 6. Меню сайта находится в привычном месте - вверху экрана, и обозначено привычным знаком. После его нажатия пользователю предлагается очень простое и эффективное меню. Так как это служебный элемент интерфейса, он должен быть максимально консервативным и понятным. Очередность и состав пунктов может меняться как угодно - это вопрос наполнения сайта. Важно: Контактные данные доступны всегда - они вверху экрана. При развертывании меню они приобретают акцентированную форму, легко считываются, помогают пользователю. Тендерная концепция - это не конечный вариант. Она задает тон визуального языка, вернее один из его вариантов. Конкретное расположение разделов, страниц, их элементов и даже облика решает этап дизайна сайта и разработки его архитектуры, который требует более глубокого изучения компании и ее задач, а также исследований и гораздо большего объема времени. Все это обязательно реализуется во время работы над дизайном сайта.