DK Visual
Информационный сайт для кафе "Аляска"
Инструменты:
HTML
Разметка содержимого страниц сайта
CSS
Оформление элементов страниц сайта
Java Script
Программирование поведения элементов страниц сайта
О проекте Задачи, которые должен выполнять данный сайт: информирование посетителей о новостях, связанных с кафе; предоставление информации о продукции, которою предлагает кафе; информирование о посетителей об акциях и выгодных предложениях; предоставление информации об открытых вакансиях в кафе; направление трафика в социальные сети.
Сайт не адаптирован под мобильные устройства! Возможно некорректное отображение элементов сайта при просмотре с устройств, ширина экрана которых меньше 1400 пикселей.
(сайт может быть адаптирован под любые экраны по вашему желанию).
Ознакомиться с сайтом вы можете нажав на кнопку ниже
Обратите внимание!
Вы можете видеть рекламу, размещенную интернет-провайдером по данной ссылке.
Я не получаю за это денеги! Это происходит из-за использования скриптов
без наличия SSL-сертификата и недобросовестности провайдеров. Приношу извинения за возможные неудобства.
Решения На сайте реализована карусель с автоматически переключающимися слайдами, которые информируют посетителей о действующих акциях и перенаправляют на страницу с ними.
Меню реализовано в виде трех вкладок. Каждая вкладка содержит "карточки" с товарами. Пользователь может ознакомиться с подробной информацией о товаре (крепость напитка, энергетическая ценность, сорт, состав и другая информация) нажав на саму карточку Таким образом, информация о продуктах логично структурирована и не отвлекает пользователя сайта, пока она ему не понадобится, позволяя сосредоточиться на внешнем виде товара, его объеме и стоимости.
Помимо прочего, некоторые карточки содержат предупреждающие символы, при наведении на которые можно увидеть дополнительную информацию, представляющую ценность для некоторых клиентов. Среди таких символов: "Содержит коровье молоко", "Веганский продукт", "Крепкий напиток", "Маленький объем напитка".
Похожим образом оформлен раздел с акциями. Во-первых, т.к. пользователь уже ознакомился с механикой управления элементами сайта. Во-вторых, такой способ позволяет структурированно преподнести информацию.
На сайте реализована фиксированная кнопка, направляющая посетителей на социальные сети кафе. Пользователь может выбрать предпочитаемую им соцсеть, раскрыв своеобразное меню и, при необходимости, свернуть его обратно.
В нижней части сайта подготовлено место для описание всей юридической информации, дублирование основных ссылок для навигации по сайту и дополнительные кнопки для перехода в социальные сети.
Если вы хотите разработать такой же или похожий сайт-презентацию, свяжитесь со мной по любому из предоставленных контактов.