html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Сайт "Молочной Культуры"

17.04.2015

Источник:  SPYK

«Молочная культура» — это молодой бренд, созданный на базе сельскохозяйственного комплекса, который расположен в Волосовском районе Ленинградской области. Комплекс с огромной историей вмещает историческую ценность и ультрасовременное наполнение.

О проекте

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

Концепция

Основой концепции становится главный продукт — стакан молока, который пролетает с первого экрана к последнему, попутно проходя через все этапы производства и оказывается в руках потребителя.

Каждый продукт, молоко, ряженку и так далее, мы решили кодировать цветом. Кефир — сиреневый, йогурт — розовый, молоко — голубой. В результате на главном промо-слайдере стаканчики сменяются вместе с плавной сменой фонового цвета. Цвет наследуется и дальше, в каталоге.

Дизайн

Если статичная картинка стакана будет путешествовать по экрану — это будет скучно. Продукт нужно показать во всей красе и со всех сторон, поэтому взяли 3d-модель — и за дело.

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

Третий экран — показательная статистика о производстве «Молочной культуры».

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

Верстка и код

Практически все элементы сайта анимированы: от самого стакана до маленького текстового блока с информацией о продукте. Вёрстку старались сделать максимально «жизненной». Например, стаканчик парит с нелинейной скоростью. Всё динамично и гибко, вёрстка адаптируется под разные разрешения.

Чтобы повысить комфорт пользования сайтом — добавили прелоадер. А чтобы пользователь не скучал, ожидая загрузки, сделали прелоадер забавным.

В формах скрытая антибот-проверка, посетителю не требуется вводить капчу. Карта умеет угадывать местоположение пользователя и подбирать масштаб так, чтобы было видно все точки в городе, где продается «Молочная культура». Там же есть поиск по адресу или станции метро — варианты сразу появляются на карте, как только пользователь начал вводить символы в поле.

Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс».

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с cmsmagazine.ru

13

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • cmsmagazine.ru
          • метро
          • офис
          • модель
          • домен cmsmagazine.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции