Кейси , Натхнення

Приклади вебдизайн концептів на тему екології та збереження природи

Приклади вебдизайн концептів на тему екології та збереження природи Приклади вебдизайну від агенції tubik на тему захисту навколишнього середовища та сталого майбутньому: вебсайти про забруднення повітря та моря, безвідходний спосіб життя та сталу енергетику.
Приклади вебдизайн концептів на тему екології та збереження природи

«Вода і повітря, дві найважливіші субстанції, від яких залежить все життя, перетворилися на глобальні сміттєві баки», — казав відомий захисник природи і дослідник Жак Ів Кусто, і з цим важко не погодитися. Проблеми захисту навколишнього середовища та побудови сталого майбутнього сьогодні обговорюються та досліджуються на світовому рівні, і онлайн-світ також не може залишатися осторонь. Сьогоднішня публікація, колекція дизайн-прикладів від дизайнерів агенції tubik, також присвячена цій темі: поглянемо на низку вебсайтів, створених для висвітлення проблем забруднення повітря та моря, підтримки безвідходного способу життя та стійких енергетичних ресурсів.

Stop Plastic

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

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

Сайт для екотуризму

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

Дизайн демонструє баланс читабельності та декоративності у виборі типографіки, стійку візуальну ієрархію та продуману інтеграцію різних типів візуальних елементів: фотографій та оригінальних тематичних ілюстрацій.

Мобільна адаптація допомагає зберегти візуальну гармонію і дозволяє користувачам успішно взаємодіяти з вебсайтом з будь-якого пристрою.

ecotourism website design tubik studio

Zero Waste

zero waste website design

«Ми зловживаємо землею, тому що вважаємо її товаром, який належить нам. Коли ми сприймаємо землю як спільноту, до якої ми належимо, ми зможемо почати використовувати її з любов’ю та повагою». Слова Альдо Леопольда сповнені правди, і, на щастя, ця філософія надихає багатьох людей сьогодні. Цей концепт вебдизайну також з цієї теми. Це сайт, присвячений безвідходному zero-waste способу життя: тут люди можуть поспілкуватися, отримати корисну інформацію та поради, а також купити екологічно дружні та багаторазові речі.

 

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

zero waste website page tubik

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

Сторінки блогу містять гарні тематичні ілюстрації, що відповідають загальному дизайн-підходу, використовують подачу з розділеним екраном (split screen), щоб зробити текстовий вміст було легко сканувати і читати, а також застосовують привабливу анімацію завантаження. Тут теж користувач побачить маскота-пташку, яка, перелітаючи з однієї сторінки на іншу, підтримує відчуття цілісності та послідовності користувацького досвіду.

 

Save the Oceans

save-the-oceans-website-animation-tubik-design

Цей вебдизайн присвячений актуальній глобальній проблемі жахливого забруднення Світового океану, що вже досягло катастрофічних масштабів. Погляньте на інтерфейс користувача та дизайн взаємодій, розроблені для Save the Oceans, благодійного вебсайту, який збирає спільноту людей, щоб прагнуть зробити нашу планету кращим місцем для майбутніх поколінь. Миттєва атмосфера теми створюється завдяки відповідній кольоровій палітрі, що створює сильну візуальну асоціацію з величною силою океану, а також завдяки атмосферному фото- та відеоконтенту. Легкий лейаут, смілива типографіка та океанські мотиви дозволяють відвідувачам сайту зануритися у тему з перших секунд, а також роблять контент легким для швидкого сканування та привабливим, незалежно від пристрою, з якого людина переглядає сайт.

save the oceans website tubik agency design

save the oceans website tubik agency design

 

save the oceans website tubik agency design

save the oceans website tubik agency design

На особливу увагу заслуговує сторінка 404, яка демонструє ще одну креативну ідею, перетворюючи сторінку помилки в атмосферне зображення, що підтримує загальний меседж ресурсу.

save-the-oceans-website

Innovative Energy Service

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

Environment Protection Community

environment_protection_community_website_tubik

З усіма глобальними проблемами, з якими сьогодні стикається наша планета, зростають і спільноти людей, які ними стурбовані і прагнуть запобігти негативному впливу. Цей приклад вебдизайну дає змогу поглянути на домашню сторінку, розроблену для вебсайту ком’юніті, що консультує компанії і виробників, а також запускають проєкти, присвячені захисту навколишнього середовища. Композиція та колірна палітра hero-ілюстрації підтримують емоційну привабливість і створюють миттєву асоціацію з темою. Візуальна ієрархія вебсторінки робить її легко сканованою, а CTA кнопку добре видимою.

Також, вас, можливо, зацікавлять інші добірки з рубрики D4U Натхнення, зокрема:

 

Оригінальна публікація англійською мовою була створена для Tubik Blog, графічний контент від tubik

D4U Галерея, D4U натхнення, UI дизайн, UX дизайн, інтерфейс користувача, анімована ілюстрація, веб дизайн, веб-маркетинг, графічний дизайн, дизайн, дизайн інтерфейсів, дизайн вебсайта, дизайн взаємодій, дизайн колекція, моушн-дизайн, натхнення,
  • English
  • Ukrainian