Обзор кейса: сайт Golden Gadget

Share
30.05.2018
Обзор кейса: сайт Golden Gadget •
Содержание

Заказчик: Golden Gadget– Эксклюзивные IPhones в России.

Цель: создать интуитивно работающий сайт, нацеленный на повышение продаж и известности бренда.

Условия: для работы я использовал самые современные технологии верстки сайта с использованием Bootstrap и jQuery.

Фирменный стиль

Основными цветами сайта стали черный, белый и золотой присутствующие по всему сайту, на кнопках, иконках, фоновом изображении и графических элементах. Сочетание черного, белого и золотого цвета придает сайту элегантности и ощущения luxury продукта, что идеально подходит для рынка IPhone и революционному искусству. Это заметно начиная с самой шапки сайта, где в сбалансированных цветах нам виден Уникальный в своем роде IPhone 7 с гравировкой в виде трех семерок.

Адаптивность

Одной из задач было адаптировать сайт под мобильные устройства. Я добился этого используя принцип сетки и системы карточек. Каждый блок сайта отображается идеально — без перегрузки текстовой и визуальной информации.

Адаптивность страниц на сегодняшний день является важным фактором при создании нового сайта. Согласно статистике, 73,5% трафика в 2018 году поступают из мобильных устройств. Я серьезно отношусь к своей работе и с уверенностью могу сказать, что каждый мой проект адаптирован под все известные мобильные платформы.

Обзор кейса: сайт Golden Gadget •

Калькулятор IPhone

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

Обзор кейса: сайт Golden Gadget •

UI/UX

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

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

Если вам понравилась моя работа и вы хотели бы подобный функционал, тогда обращайтесь ко мне и я отвечу в кратчайшие сроки!

Подпишитесь на блог

В блоге

  • CSS
  • Pixel Perfect
  • UI\UX
  • Адаптивная верстка
  • Анимация
  • Бизнес
  • Верстка
  • Достижения
  • Идеи
  • Интернет-магазин
  • Кейс
  • Лендинг
  • Обзор
  • Написание кода
  • Примеры работ
  • Разработка
  • Разработка сайта
  • Результат
  • Сайт
  • Стоимость
  • Тестирование
  • Успех
  • Чек лист