Сайт для ознайомлення з курсом на Skillseter

Результатом роботи є створення Langing Page під захід Black Friday.

  • Веб-сайт Скілсетер дизайн на десктопі.
  • Веб-сайт Скілсетер дизайн на телефоні.

Про проєкт

Сторінка створена із використанням стандартних веб-технологій HTML/CSS , Sass(SCSS), збірка Gulp, JS, JQuery, Slick-slider

Технології

  • кольорова іконка html технології
  • кольорова іконка css технології
  • кольорова іконка sass технології
  • кольорова іконка jquery технології
  • кольорова іконка js технології

Проблема

  • 001

    Створити привабливий дизайн для найвигіднішого вивсітлення маркетингової події.

  • 002

    Баланс між великою кількістю контенту та підтримкою уваги користувача.

Рішення

  • 001

    Для подолання цієї проблеми використовували привабливі кольори, які відповідають стилю бренду та настрою заходу Black Friday. Збалансували макет сторінки, розмістивши графіку, текст та інші елементи в гармонійний спосіб.

  • 002

    Використання чіткого шрифту, візуальної ієрархії та відступів, розділення на чіткі блоки. Візуально і змістовго акценти саме на маркетинговій події та знижці.

User Flow

зображення User Flow
Приклад дизайну Скілсетер веб-сайту представлений у діагональній рамці
Приклад дизайну Скілсетер веб-сайту представлений у багатьох телефонах
Приклад дизайну Скілсетер веб-сайту представлений у трьох планшетах
Приклад дизайну Скілсетер веб-сайту представлений у малих рамках
Приклад дизайну Скілсетер веб-сайту представлений у великих рамках

Типографіка

  • Заголовна і прописна буква а
    назва шрифту Montserrat
    Абетка шрифтом Montserrat
  • Заголовна і прописна буква а
    назва шрифту Inter
    Абетка шрифтом Inter

Color

  • #FF54C2
  • #1660EF
  • #101014
  • #F9F9F9
  • фото дизайну сайту
  • фото дизайну сайту
  • фото дизайну сайту
  • фото дизайну сайту