TOP-30 найкращих компаній, що займаються веб-дизайном

27 June, 2018

TOP-30 найкращих компаній, що займаються веб-дизайном

Огляд ТОП-30 компаній, які займаються веб-дизайном є логічним продовженням циклу статей присвячених UI/UX . Завдяки цій статті Ви зможете на власні очі побачити як виглядають сайти крутих дизайн-студій. Значна частина учасників цього списку добряче покреативила в процесі розробки, тому частина скріншотів виглядатимуть доволі незвично.

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

Зміст

  1. Handsome
  2. D.FY
  3. This
  4. Logram / in order to design
  5. 101
  6. Grafik
  7. Avex
  8. Ekaterina Asparouhova
  9. Makers & Allies
  10. Mad
  11. Nero Motion
  12. Célia LOPEZ
  13. KRIKDESIGN
  14. Da Costa Design
  15. Geex Arts
  16. Anagrama
  17. Muffin Group
  18. Resoluut
  19. Studio Fables
  20. Greta Madline
  21. AkinsParker
  22. Daydream Designs
  23. iamFrank.eu
  24. Stuurmen
  25. Octoplus Group | Agency
  26. TheMads
  27. Momkai
  28. Fleava
  29. This Page Amsterdam
  30. Ronin161
  31. Вывод

1. Handsome

Handsome

Handsome – комплексне дизайн-агентство з Остіну, Техас. Компанія надає широкий список послуг, пов’язаних з дизайном від проведення досліджень до роботи з фото/відео зйомкою та VR. Ця студія працювала з такими відомими брендами як: Nickelodeon, Audi, FedEx та інші.

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

2. D.FY

D.FY

D.FY – дизайн-студія з офісами в Сеулі та Токіо. Основними напрямками роботи є побудова стратегій, маркетинг, продакшн та багато пов’язаних з дизайном робіт. Компанія виконувала різні роботи для Samsung, AKI, POOQ тощо.
Дизайн сайту має яскраві переходи та анімації. Головна сторінка поділена на декілька скроллів, кожен з яких є представленням якогось проекту. Цікавою є навігація між сторінками та розміщення блоків контенту, що розташовані нелінійно. Частина посилань на важливі сторінки відразу відображаються користувачу.

3. This

This

This – креативна агенція з міста Портленд, Орегон. До послуг що надає ця студія входить: брендінг, розробка маркетингових стратегій, UX, і.т.д. Окрему увагу ця компанія надає проектам присвяченим питанням екології. Так, для прикладу, в портфоліо можна побачити onXMaps (картографічний проект) та Bonsai Mirai (проект по американській школі мистецтва бонсай).

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

4. Logram / in order to design

Logram / in order to design

Logram / in order to design – брендингове агентство яке розміщено в Токіо, Японія. Ця студія займається брендінгом, веб-дизайном та креативом. До списку клієнтів входять Starbucks / mercibeaucoup, / NewYorker.

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

5. 101

101

Це австрійське агентство займається розробкою та дизайном. У своєму портфоліо компанія має велику кількість проектів в яких вона в основному займалась, дизайном, контентом (в тому числі й відео) та розробкою.

Сайт студії 101 дуже незвичний та має величезну кількість інтерактивних елементів. На більшості сторінок нам пропонують щось натиснути, провести мишкою тощо. Значна частина контенту, завдяки цьому, динамічно змінюється. Цікавою “фішкою” є те, що якщо якийсь час не взаємодіяти зі сторінкою то вона буде повністю чорною. Для продовження роботи користувачу потрібно вказівником “витерти” цей чорний колір.

6. Grafik

Grafik

Grafik – це невеличка, рок-н-рольна студія з Веллінгтону, Нова Зеландія. Основною спеціалізацію є незвичні рішення в сфері веб-дизайну, завдяки яким компанія заробила численні нагороди. До успішних проектів сміло можна віднести: “Public Library”, “Patchwork”, “Miles Calder”.

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

7. Avex

Avex

Avex – це Нью-Йорське агентство, що займається створенням красивого веб-дизайну, digital-маркетингом та рішеннями в сфері e-comerce. Ця студія робила сайти для дизайнерки Євгенії Кім, компанії “Cantor Fitzgerald”, проекту “KITH” та інших.

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

8. Ekaterina Asparouhova

Ekaterina Asparouhova

Цей учасник нашої статті доволі відрізняється від більшості. Катерина Аспарова – дизайнерка яка займається різними цікавими проектами в сфері дизайну: брендів, книг, сайтів, тощо. У своєму портфоліо може похвалитись такими роботами як: “PLAAY Sports”, “goodwin idea”, “the murder that never was” і так далі.

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

9. Makers & Allies

Makers & Allies

Makers & Allies – відзначена багатьма нагородами студія брендінгу та дизайну, яка має офіс в Сан-Луїс-Обіспо, Каліфорнія. Особливістю цього агентства є те, що воно працює лише з виробниками  алкоголю. Їх спеціалізацією цього учасника є брендінг, дизайн упаковування, digital, тощо. Компанія може похвалитись роботою над великою кількістю проектів у тому числі для таких брендів як: “Essentially Geared”, “Mahana Estates”, “The Fableist”, “Michael David Winery” та інші.

Веб-сайт Makers & Allies має красивий, стильний дизайн. Головна сторінка зроблена в типовому для скролінгових сайтів стилі. Гарно продумана навігація, великі тематичні зображення та відео та докладно розписані роботи залишають гарне враження.

10. Mad

Mad

Mad – це німецька дизайн-агенція з основним офісом у місті Берлін. Компанія існує вже понад 10 років і, переважно, надає послуги аналітики, UX, дизайну, прототипування та брендінгу. Агентство працювало з такими брендами як “Circula”, “Holvi”, “Daily Deal” та інші.

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

11. Nero Motion

Nero Motion

Nero Motion – це digital-агентство з Окленду, Нова Зеландія. Ця компанія займається розробкою та дизайном веб-сайтів, створенням банерів, UX, та маркетинговими стратегіями. До свого портфоліо агенція може віднести роботу з такими замовниками як: “ORIGIN”, “Citroën New Zealand”, “Him it” та інші.

В дизайні web-сайту завжди виділяються текстові блоки завдяки вдало підібраним контрастам. На сторінках кейсів задній фон достатньо часто відповідає кольору якогось певного бренду. Зображення та графіка високої якості. Сайт інтуїтивно зрозумілий.

12. Célia LOPEZ

Célia LOPEZ

Цей учасник нашого ТОПу є унікальним, оскільки Célia LOPEZ – це сайт створений junior дизайнером зі спеціалізацією в 3D та interactive . Автор сайту сам працює в студії Viens-là, яку, до слова, ми також включили в цей огляд. Цікавим є те, що джуніор, після роботи в дизайн-студії, працює у свій вільний час під власним брендом. В основному займається роботою в сфері 3D та 2D дизайну, розробкою концептів та UI/UX дизайну. У своїй “скарбничці” виконаних проектів агенція може похвалитись роботою над “Parcea”, “Orange”, “Fuse” та іншими.

Окремої уваги заслуговує веб-сайт Célia LOPEZ. На його головній сторінці розміщені різні геометричні фігури, при наведенні на яких виникає зображення з проекту. Кожна з цих фігур є посиланням на сторінку певного кейса. Самі проекти описані, справді, красиво. Великі зображення, переходи, анімації та грамотна подача інформації допомагають донести до користувача зміст кожного кейсу.

13. Viens-l&agrave

Viens-l&agrave

Viens-là – це Digital-агентство засноване в 2011 в Парижі. Студія займається повним циклом розробки від створення ідеї та базового концепту до супроводу готового продукту. Окрім великої кількості нагород цього учасника вирізняє також те, що частина працівників мають власні проекти та дизайн-студії. До проектів цієї студії належать: “FIAWEC”, “ING”, “Frateli” та багато інших.

Окремої уваги заслуговує дизайн сайту цієї веб-студії. Перше на, що натикається користувач при завантаженні ресурсу, це preloader та слайдер, виконані в стилі GTA Vice City. Після того як користувач натисне на кнопку “Skip” він потрапить на бажану сторінку. В дизайні використовується багато анімованих матеріалів, велика кількість стилізованих переходів та красиво подані зображення. Все максимально логічно та інтуїтивно зрозуміло.

14. KRIKDESIGN

KRIKDESIGN

KRIKDESIGN – це московське дизайн-агентство засноване в далекому 2005 році. Основними навиками команди є: брендінг, арт-декор, робота з фото/відео матеріалами, розробка сайтів та додатків. Компанії доводилось працювати з такими замовниками як

“Хімки бізнес парк”, “Граніт інвест”, “ІКЕА” та інші.

У дизайні власного сайту компанія вирішила дотримуватись мінімалізму. На спокійному сірому фоні вдало виділяються блоки з контентом. Більшість з цих елементів мають анімацію появи/зникнення. Окремої уваги заслуговують кейси компанії. Кожен з них виконаний у своїй унікальній стилістиці.

15. Da Costa Design

Da Costa Design

Канадський дизайнер Керрі да Коста, проживає в Нідерландах та виступає в якості дизайн агентства під власним іменем. Переважно займається дизайном брендів, UI/UX, дизайном упаковування та друкованої продукції тощо. Співпрацював з такими відомими брендами як “Uber”, “Philips”, “The Walt Disney Company” та багатьма іншими.
Свій власний сайт Керрі виконав у скроллінговому стилі, але проявив неабияку креативність. Так, на головній сторінці, під час скроллу частина контенту зміщується вверх, а інша, на противагу їй – вниз. В портфоліо для представлення проекту використовується велика кількість якісних зображень та графіки.

16. Geex Arts

Geex Arts

Дизайнерське агентство Geex Arts розташоване в Москві та відоме своїми проектами та численими нагородами. Компанія займається веб-розробкою, створенням мобільних додатків, інтелектуальних систем, дизайном продуктів, просуванням та аналітикою. В своєму портфоліо команда може похвалитись роботою над такими проектами як: “USA Today”, “Stavki”, “Sports Analytics”, “See More” та інші.

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

17. Anagrama

Anagrama

Anagrama – це дизайн-компанія з міста Бухарест (Румунія), заснована у 2006 році. Студія займається розробкою, дизайном, стратегіями та дослідженнями. До проектів з якими працювало агентство можна віднести “moovel Group”, “BitLocation”, “Bancpost”.

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

 

18. Resoluut

Дизайн-агентство Resoluut з Амстердаму (Нідерланди) спеціалізується на digital product розробці, брендінгом та Agile-дизайном. Основними проектами студії є “Adformatie”, “Huishoudbeurs”, “CheapTickets.nl” та багато інших.

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

19. Studio Fables

Studio Fables

Studio Fables – це незалежна графічна та цифрова студія з офісом у Парижі. Компанія відома завдяки різним нагородам та креативному підходу до виконання проектів. До основних видів послуг, що надаються агентством належать “Art Direction”, “Motion Design”, “UI/UX”, “Web Development”. Серед їхніх клієнтів є “Arte”, “BNP Paribas”, “Evian”, “Sosh” та інші відомі бренди.

Studio Fables – ще один учасник, сайт якого виконаний у мінімалістичному стилі. Особливістю цього ресурсу є відсутність меню, що суттєво впливає на UX. Характерною рисою є велика кількість анімацій як на головній сторінці, так і на певних роботах з портфоліо.

20. Greta Madline

Greta Madline

Greta Madline – це ім’я Art директорки та графічної дизайнерки, що працює під власним іменем як незалежна студія. Зазвичай вона виконує роботи в напрямку: WEB-дизайну, брендінгу та соціальних медіа. У своєму портфоліо може похвалитись роботами над : ”DUKE OF TOKYO”, “TWITTER BOOK”, “EJNA”, тощо.

Перше, що бачить користувач який потрапив на сайт, це 3D жіноче погруддя яке обертається за курсором, змінює вираз обличчя та колір. Окрім цієї цікавої “фішки” варто звернути увагу на preloader, анімації та шрифти. На сайті витримано гарний контраст між чорним заднім фоном та яскравим контентом.

21. AkinsParker

AkinsParker

AkinsParker – це дизайнерська компанія яка має два офіси в Ла-Кросс, Вірджінія (США) та Санта-Ана, Каліфорнія. Студія займається UI/UX, медіа плануванням, розробкою стратегій та іншими digital-роботами. До проектів, що виконала компанія відноситься: “Make”, “Zic”, “Ojai”.

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

22. Daydream Designs

Daydream Designs

Daydream Designs – це креативне full-service агентство з міста Грінфілд (Великобританія). Студія виконує проекти зі сфери брендінгу, маркетингу, ілюстрації та веб-дизайну. Компанія мала нагоду працювати з такими брендами як “Dangerpoint”, “Tweedmill”, “Hollingsworth Group”.

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

23. iamFrank.eu

iamFrank.eu

IamFrank.eu – це ще один дизайнер який працює під власним ім’ям як незалежна дизайн-студія. Хлопець надає послуги з брендінгу, графічного та інтерактивного дизайну. В портфоліо є робота над такими проектами як “Ambitious”, “BRABANTS DAGBLAD”, “Campus”.

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

24. Stuurmen

Stuurmen

Stuurmen – це креативна агенція з міста Ейндговен (Нідерланди), з цікавим дивізом “kill off the avarage”. Компанія займається брендінгом, UI/UX, дизайн додатків, Front-end розробка. Студія працювала з такими замовниками як: “Bagels & Beans”, “Bitterzoet”, “De Beer Verf”, “7Lab”.

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

25. Octoplus Group | Agency

Octoplus Group | Agency

Octoplus Group – це креативне агентство, яке має офіси в Лугано та Цюріху. До основних напрямків якими займається компанії належить: брендінг, стратегії, реклама, digital, тощо. Студія працювала з такими компаніями як: “Confederazione Svizzera”, “Cardiocentro”, “Migros”, “Diamond”.

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

26. TheMads

TheMads

TheMads – digital-агенція з офісами в Москві та Калінінграді. Основними напрямками роботи студії є “креатив та дизайн”, “веб-розробка”, “брендінг” і “розробка мобільних додатків”. На разі компанія має чотири успішних проекти, а саме “Film Festival”, “RostKran”, “TastyCoffe”, “Snack-Snack”.

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

27. Momkai

Momkai

Momkai – це інтернаціональна дизайн-компанія з офісами в Амстердамі (Нідерланди) та Нью-Йорку (США). Агентство надає послуги пов’язані з UI/UX, дизайном поліграфічної продукції, брендінгу, тощо. До списку виконаних робіт належать роботи над “Oncode Institute”, “De Correspondent”, “Master Digital Design”.

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

28. Fleava

Fleava

Fleava – це дизайн-студія заснована в 2010 році та розміщена на Балі (Індонезія). Переважно компанія надає послуги з UI/UX, стратегії, брендінгу та digital production. Агентство займалось такими проектами як: “Sugarsand”, “Kopernik”, “Manisan”, “Relationshift”.

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

29. This Page Amsterdam

This Page Amsterdam

This Page Amsterdam – digital-агентство яке знаходиться майже у самому центрі Амстердаму. Сервіси, які надає компанія, поділяються на наступні категорії: стратегія і контент, R&D and Prototyping, In-House Design, Project management. До виконаних проектів можна віднести роботи над “ABN AMRO”, “T-Mobile GIF IT ALL”, “MAURITSHUIS THE GOLDFINCH”.

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

30. Ronin161

Ronin161

Ronin161 – це дизайн-студія, що знаходиться у Монтрей (Франція) та позиціонує себе як “креативна банда”. Колектив займається Front-end/Back-end розробкою, motion та digital дизайну, та 3D моделювання. Студії довіряють такі бренди як: “BETC”, “La Chose”, “Universal”, “Wagram” та інші.

Сайт виконаний у дуже своєрідному стилі з використанням великої кількості 3D об’єктів. На стартовій сторінці користувача зустрічає модель хлопчика яка час від часу змінює свій вигляд. Окрім цього є декілька написів, кожен з яких відповідає за свій проект. Кейси також виконані у фірмовому стилі компанії. Об’ємні фігури на фоні незвичної кольорової гами добре демонструють креативні здібності команди. Щодо цього дизайну  ідеально говорить фраза “Краще один раз побачити, ніж 100 разів почути”.

Висновок

На цьому стаття про “TOP 30 найкращих компаній, що займаються веб-дизайном” підходить до свого логічного завершення. Очевидно, що дизайн-студії практикують дуже різні підходи до створення сайтів. Хтось старається дотримуватись класичного стилю, інші ретельно працюють в певній конкретній тематиці. Частина агентств не боїться ризикувати та створює щось надзвичайно своєрідне.

Сподіваємось, що стаття Вам сподобалась та була корисною. Якщо хочете дізнатись про UI/UX більше читайте наш блог та підписуйтесь на e-mail розсилку.