Портфолио

Science of everything

Создание научно-популярного портала

Категория:

РазработкаИсследование

Год создания:

2017

01

О компании

Science of everything – наука всего

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

02

Цель проекта

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

03

Задача

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

РАЗРАБОТКА ЛОГОТИПА

ЛОГОТИП

РАЗРАБОТКА ЛОГОТИПА

Поиск образов

Логотип для научно-популярного портала – это визуальное отражение проекта, в котором раскрывается его суть. Он должен цеплять, восхищать и стимулировать изучать данную тематику.

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

01

Разработка логотипа

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

В качестве основного образа были изображены телескоп, химическая колба и планеты. Также в этом логотипе присутствует иносказание – под определенной точкой зрения колба превращается в рупор, который символизирует обмен информацией, ее освещения, а это и есть главная задача информационного портала. Также на логотипе присутствует название компании “Science of everything”

02
Пример использования логотипа на визитках

АНАЛИТИКА

АНАЛИТИКА

ПОДГОТОВИТЕЛЬНЫЕ РАБОТЫ

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

Для этого были разработаны прототипы, которые помогли взаимодействовать с будущим сайтом и наглядно, в упрощенном виде показали, как будет выглядеть структура сайта.

Пример фото для сайта

ДИЗАЙН ГЛАВНОЙ СТРАНИЦЫ

ГЛАВНАЯ СТРАНИЦА

ДИЗАЙН ГЛАВНОЙ СТРАНИЦЫ

Анимация

Первое что видит пользователь на сайте – это анимацию логотипа, означающую, что страница находится в процессе загрузки.В данном случае мы заставили планеты двигаться, “оживили” телескоп и ввели поэтапное появление названия ресурса.

01

ГЛАВНАЯ СТРАНИЦА

Навигация

Данный портал имеет большое количество разделов и подразделов, чтобы пользователь не запутался в таком количестве блоков, была разработана удобная навигация.Основные разделы вынесены в шапку сайта, а второстепенные в так называемое “гамбургер меню”.

02

ВНУТРЕННИЕ СТРАНИЦЫ

ВНУТРЕННИЕ СТРАНИЦЫ

ДИЗАЙН ВНУТРЕННИХ СТРАНИЦ

Внутренние страницы имеют разнообразную структуру. Из главной страницы пользователь попадает на страницу каталога, а из каталога на страницу статьи.
Также есть уникальные страницы, которые отличаются по структуре от остальных. Не забыли мы и про нестандартное оформление страницы “404”.

АДАПТИВНЫЙ ДИЗАЙН

АДАПТИВНЫЙ ДИЗАЙН

ОТОБРАЖЕНИЕ НА РАЗЛИЧНЫХ УСТРОЙСТВАХ

Версии для планшета

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

01

Версии для смартфона

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

02

Навигация по внутренним страницам

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

03

Хотете узнать больше? Посмотрите отзыв клиента!

ПЕРЕЙТИ К ОТЗЫВАМ

Связь с нами

Связь с нами

Как с нами звязаться?

Остались вопросы?

Мы перезапустим Ваш бизнес и сделаем его более результативным, создадим эффективное решение, которое поможет увеличить Вашу прибыль. Все, что нужно сделать – позвонить или написать нам.