Позднее Ctrl + ↑
14 декабря   Путешествие

Сайт компании занимающейся строительством зданий из морских контейнеров

Старый сайт был таким

А теперь расскажу каким он стал

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

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

Страница всех проектов

При наведении на проект, появляется его название

Страница с информацией о компании

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

Раздел «В мире»

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

Контакты

Тут комментировать пожалуй нечего. Наполнение стандартное. Карта с расположением офиса, почта, телефон, адрес.

11 декабря   Проекты

Концепция реализации страницы поиска на официальном сайте Москвы

Задача: Создать удобный интерфейс поиска материалов на сайте

Этапы работы над задачей

  1. Выделение основной информации, которую в себе должен содержать интерфейс
  2. Выбор типа пагинации при многостраничной выдаче поиска

Этап первый

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

Этап второй

От пагинации в виде кнопки “Загрузить еще” решил отказатся, по следующей причине

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

Вывод: неудобно

Сценарии взаимодействия с интерфейсом

  1. На главной странице человек вводит запрос и нажимает кнопку поиска. Попадает на страницу с выдачей. Открывает нужную новость.
  1. На главной странице человек вводит запрос и нажимает кнопку поиска. Попадает на страницу с выдачей. Уточняет категорию и подкатегорию, нажимает применить, появляется уточненная новость. Открывает нужную новость.
  1. На главной странице человек вводит запрос и нажимает кнопку поиска. Попадает на страницу с выдачей и видит что ничего не найдено по запросу. Вводит новый запрос.

Итоги

11 декабря   Проекты

Обновление главной страницы

Решил обновил главную страницу. Старая, уж очень некрасивая и глюченая, В добавок ко всему, решил отказаться от Вордпреса и перейти на Эгею. А это значит, что так же нужно будет и сверстать главную страницу, страницу с проектами, страницу самого проекта, и страницу контактов.

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

Опубликовал новый шот на дриббле — https://dribbble.com/shots/3995001-Brand-new-logo-for-my-personal-website

Получилась отличная главная страница, которой можно гордится.

Следующим этапом изменений главной страницы, будет внедрение вывода постов из блога. Как пример:

5 декабря   История версий
Ранее Ctrl + ↓