Необычный дизайн сайта: 10 сайтов с необычным дизайном | GeekBrains

10 сайтов с необычным дизайном | GeekBrains

Подборка сайтов с современным дизайном — нетипичной версткой и анимацией, футуристичными элементами и 3D-графикой.

3 минуты

37177

Автор статьи

Анастасия Николаенкова

Автор статьи

Анастасия Николаенкова

https://gbcdn.mrgcdn.ru/uploads/post/1875/og_cover_image/d8f85caf3032e8fc60e4a74e1b9bac2f

Сайт семейного австралийского ресторана морепродуктов. Оформление похоже на газету и бумажное меню одновременно. При открытии сайта главная страница «вылетает», как передовица в рекламных роликах двадцатого века. Блоки с историей Sea harvest, рецептами и рассказом о добыче рыбы оформлены как газетные колонки — под каждым есть надпись вроде «продолжение на странице 4». На сайте реализовали даже заметки: если зажать левую кнопку мыши и «подчеркнуть» текст, останется след от маркера.

Сайт американского креативного агентства Sagmeister & Walsh. Студия разрабатывает брендинг, рекламу, контент и снимает короткометражки. Креатив прослеживается не только в кейсах агентства, представленных на главной странице: описание компании завершили фразой «We probably eat avocado more than you do».

Но самое интересное здесь — не оформление проектов, а возможность понаблюдать за работой студии. В хедере Sagmeister & Walsh разместили трансляцию с камер в офисе, и посетители сайта в режиме реального времени видят, что происходит в студии.

Studyum называют образовательной площадкой будущего. Это система, которая работает с помощью блокчейна — изучает то, как пользователи учатся, и вознаграждает их за прогресс. На сайте наблюдается минимализм во всем: опрятная типографика, палитра из пяти цветов, аккуратная верстка. Идеально для представления сложной информации.

Еще один сайт рыбного ресторана. Структура главной страницы простая, но эффектная. Ролик с приготовлением fish and chips сопровождается рассказом о работе заведения — от закупки морепродуктов до секретов кухни. Картинка настолько аппетитная, что неизбежно вызывает желание отобедать стейком семги.

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

Сайт компании Libratone, которая производит беспроводные колонки и наушники. Ее страсть к проектированию и дизайну отразилась в libratone.com — это приятный лендинг с качественными фото, спокойной цветовой гаммой и неброской анимацией. Хороший пример презентации продуктов — ничего не отвлекает от главного.

Сайт английской компании Duroc, которая продает марокканские томаты. Не каждый производитель продуктов похвастается настолько стильным сайтом. Здесь анимированы все без исключения элементы — даже история компании представлена в виде интерактивного таймлайна. Дизайн разработала студия Bonhomme: для каждого раздела они сняли по ролику в своем фирменном стиле.

Сайт российского агентства, которое специализируется на разработке и продвижении. Интересен itech-group.ru тем, что состоит из простых по содержанию, но от этого не скучных блоков. Видно, что отечественные разработчики внимательно отнеслись к представлению своих работ: добавили на сайт много графических элементов, которые не отвлекают внимание от сути.

Студия веб-дизайна и разработки под руководством программиста. О причине появления компании сотрудники North3 говорят, что хотели помогать делать сайты без творческих ограничений: «Зачем нужен сайт, похожий на тысячи остальных?» Портфолио действительно отличается от большинства — много ярких цветов, анимации. Правда, последнее быстро надоедает: логотип студии всплывает на каждой новой странице перед тем, как появляется контент.

Сайт французской клиники рассказывает о лечении онкологических заболеваний. Хоспис Civils de Lyon сопровождает пациентов с этой болезнью всю жизнь. На сайте публикуют материалы на французском языке о диагностике, профилактике и методах лечения, а через интервью специалистов раскрывают социальные и психологические аспекты онкологии. Портал поднимает непростую тему, но не пытается напугать — наоборот, он выполнен в спокойной цветовой гамме, с мягкими переходами и фирменными иллюстрациями. Цель aproposducancer.fr — показать людям, что все будет хорошо, если относиться к здоровью внимательно.

дизайнdesignuxui-design

Нашли ошибку в тексте? Напишите нам.

Подборка невероятных сайтов веб-дизайн студий — Look At Me

В последнее время появилось невероятное количество удивительных сайтов дизайн-агентств. Интернет сильно влияет на наше создание и восприятие мира. Дизайнеры лидируют во влиянии на современный мир веб-дизайна и задают новые модные тенденции. Но даже новички веб-дизайна должны начинать с чего-то. В этой коллекции собраны 25 крутых сайтов веб-дизайн студий. Любому творческому человеку нужно иметь свое портфолио и тут вы можете почерпнуть несколько идей для своего собственного дизайна.

1. http://www.fabriziomichels.com.au/

 Очень крутой одностраничный сайт с оригинальным дизайном.

2. http://www.adv.ru/
Необычный русскоязычный сайт веб-разработки. Порадовали необыкновенные заголовки и иллюстрации к ним, дизайнер постарался на славу.


3. http://liechtenecker.at/

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

4. http://notamedia.ru/

Слайдер в виде ленты на главной странице является самым удивительным элементом сайта. 


5. http://www.emotionslive.co.uk

 Яркий сайт, эмоции просто зашкаливают от такого глубокого зеленого цвета.

6. http://webdesignerwall.com/

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

7. http://astronim.com/

Анимация в бирюзовом цвете на главной странице и забавные названия пунктов меню.

8. http://www.agima.ru/

Очень клевая анимированная панорама Петровки в формате flash при входе на сайт.

9. http://www.aic.ru/

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

10. http://www.rzmota.com/

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

11. http://www.sitesoft.ru/

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

12. http://www.tse-webdesign.be/

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

13. http://www.nimax.ru/

Невероятно модный тренд в веб-дизайне — эскизы страниц с яркими дизайнерскими элементами.

 

14. http://www.lozoodivenere.it

При наведении мыши, слайдер просто взрывается яркими красками. Попробуйте!

15. http://www.lawebshop.ca/

Рисованные от руки  красные элементы органично смотрятся на бежевом фоне.

16. http://icelab.com.au/

Голубой цвет и рисованные черно-белые объекты достаточно распространенная тенденция.

17. http://www.the-neighbourhood.com

В шапке сайта — последний веб-проект креативной студии дизайна.

18. http://smallstudio.com.au/

Действительно космический дизайн веб-студии.

19. http://www.studiobreakfast.be/

Ярко и креативно. Истинная любовь к дизайну.

20. http://www.creativespark.co.uk/

На этом сайте есть персонажи, их несколько, они меняются в слайдере и сопровождают вас на каждой странице сайта, куда бы вы не пошли.

Ниже мы представляем шаблоны для сайтов из категории «Веб-дизайн». Вы сможете найти уже готовое решение для своей студии.  

21. http://www.motocms.ru/

Шаблон сайта наполнен яркими элементами, которые выдают его специализацию.

 

22. http://www.motocms.ru/

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

23. http://www.motocms.ru/

На белом фоне уютно разместились круглые пункты меню, готовый сайт можно полностью наполнить своим контентом и кастомизировать.

24. http://www.motocms.ru/

Приятная бумажная текстура и яркие оранжевые ленты, как элемент креативного дизайна.

 

25. http://www.motocms.ru/

Главная страница данного шаблона состоит из миниатюр работ из вашего портфолио.

Ваше мнение о представленных дизайнах или свои пример оставляйте в комментариях ниже.

Добро пожаловать в МотоДизайнБлог.

Уникальные веб-сайты, которые вы должны увидеть: 20 необычных дизайнов веб-сайтов