← Адаптивный одностраничник «Добросайт»
  • Портфолио
  • Обо мне
  • Контакты
Конструктор сайтов от компании «Добросайт» →
  • Русский Привет
  • English Hello
  • Портфолио
  • Обо мне
  • Контакты
Я дизайнер и маг, ведь я работаю с идеями, метафорами, символами. Магией часто называют то, что не понимают, что по мнению наблюдателя рождается само по себе. Но настоящие маги знают: ничего само по себе не рождается. За результатами скрывается кропотливый и упорный труд. А окружающие? Окружающие пусть думают, что это просто магия.
Прокрути меня

Адаптивный одностраничник «Pina Cart»

Сайт создан для знакомства пользователя с возможностями «Pina CMS» и выбора, какой именно из линейки продуктов необходим пользователю.

Дизайн основывается на ассоциативном ряде к «Pina»: море, солнце и пляжные коктейли. Песочный и морской цвета сайта поддерживаются в административной панели. Игривость в стиле и цветах компенсирует серьезность темы, создавая ощущение простоты использования.

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

Сайт «Pina CMS» был первым полностью адаптивным дизайном, созданным мною.

Одностраничник

Существует разница между западным и отечественным рынком. Она проявляется и в дизайне.
Есть общемировые тренды дизайна, которые используются повсеместно, например тенденция к минимализму и избавлению от лишних частей.

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

Продукты «Pina» ориентированы на западный рынок. Поэтому промо-сайт «Pina CMS» был интересной дизайнерской задачей и возможностью совместить серьезный продукт и несерьезный, игривый подход к его оформлению.

Главный смысловой блок сайта состоит из скриншотов продукта, его описания и возможности совершить покупку или попробовать онлайн-демо сайта.

Скриншоты меняют свой размер в зависимости от ширины экрана.

Для одностраничника был разработан логотип «Pina CMS».

Вторым смысловым блоком сайта идет описание возможностей и преимуществ, которые пользователь получит при использование «Pina CMS».

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

Набор иконок для «Pina CMS».

При сжатие сайта количество превью уменьшается.

На маленьких разрешениях описание слайдера скрывается:

Если правая колонка не помещаются на экране, её элементы скрываются, а не переносятся вниз. Это позволяет не утомлять пользователя обилием пунктов. И в тоже время пользователь с легкостью может получить доступ к скрытому контенту, используя прокрутку.

Существуют определенные трудности при создание полноценной адаптивной таблицы. Здесь они были преодолены путем уменьшения размеров отступов.

Адаптивный одностраничник

main-page_adaptive_3

Связаться со мной Связаться со мной
+7 (950) 881 12 06 contact@daria-koshkina.com dellilla13 dariakoshkina daria-koshkina