Оно што је популарно на локацијама у 2018: 7 главних трендова у веб дизајну

У овом чланку ћемо говорити о ВР технологијама, играма, интерактивним мапама и другим новијим значајкама које се користе у веб дизајну. Све то са примерима окупљених на сајтовима и такмичењима за веб дизајнере, као иу портфељу врхунских студија и дигиталних агенција. Генерално, читајте, гледајте, будите инспирисани.

Анимација

Анимација на локацијама се може наћи још 2000. године. Али у последњих неколико година, прешао је са статуса „за лепоту“ на решење које помаже да се информације пружају ефикасније од текста и слика.

Индустриал Гриндерс

Како доћи на локацију немачке компаније ВЕИМА, која производи индустријске брусилице и преше за отпад, одмах схватите шта се нуди, како ради и зашто је потребно.

На првом екрану је демонстриран рад машина. А савјети који се појављују када прелазите преко слика откривају главне предности опреме.

Осигурање

На промо-страници осигуравајућег друштва "Арсенал" уз помоћ СВГ-анимације приказани су најчешћи осигурани догађаји. Изометријски стил у којем су приказани омогућио је прецизнији приказ архитектуре и аутомобила, стварајући 3Д ефекат.

Произвођач опреме и хемикалија

Медлек производи и испоручује хемијске реагенсе, медицинску опрему и детерџенте. Екрани на главној страници сајта приказују услуге, а анимација илустрације чини живљом.

За више примера дизајна услуга, погледајте чланак Алексеја Александрова "Како формализовати страницу" Услуге ": пример 14 компанија из различитих области пословања."

Онлине аукција

На сајту интернет аукције Порција, уметник може да прода аукцију, а колекционар на другој страни света то купи. А уз помоћ анимације објашњава комплексну механику и фазе система.

Интерацтиве

Последњих неколико година почело се појављивати све више и више интерактивних сајтова. Кориснику се даје могућност да контактира елементе на страници: пусх, стретцх, цоннецт, драв, итд. Таква рјешења увијек помажу да се истакну и привуку пажњу.

Забавни канал

Адулт Свим је блок на каналу Цартоон Нетворк. На њему је од 23х до 6х представе и цртани филмови за одрасле. На првом екрану странице посвећене овом каналу, можете држати око пет минута, истежући еластично лице главног лика из цртаног филма "Рицки и Морти".

Веб студио

На сајту АЕРО веб студија, курсор имитира топлотну мапу "Иандек.Метрица" - један од главних алата за анализу интернет маркетинга. Ово је вероватно све што треба да знате о овој страници. Померајте се даље.

Брандинг Агенци

Име бренда агенције Ревеле, преведено са латинског, значи открити непознато.

Компанија је одразила своје позиционирање не само у имену, већ и на сајту. Интерактивни кругови, који замрачују садржај, морају се гурнути натраг да прочитају текст. А да бисте видели информације у одељку са контактима, потребно је да обришете страницу помоћу курсора.

Лични сајт Иллустратора

На првом екрану особног сајта илустратора, видимо седам насумично разбацаних тачака. Могу се повезати у било ком редоследу, након чега се линије претварају у смешан лик. А за све комбинације са којима можете спојити тачке, цртају се различите илустрације. По мом мишљењу, таква одлука говори о власнику локације боље него било који продајни текст и УТП.

Игре и тестови

Што се тиче информација о буци информација, само се мотивисани посетиоци баве садржајем. Самим тим, самим понашањем савременог корисника дизајнери и дизајнери су дошли до овог тренда. Заиста, за разлику од читања, сви воле да играју и узимају тестове на Интернету. Ово повећава посјећеност, јер се резултат дијели с пријатељима и дијели на друштвеним мрежама.

Рецруитмент цомпани

За ФИФА Светско првенство у Русији, Анцор је регрутовао волонтере и запослене који су користили ХР-Ландинг за прикупљање захтева за слободна радна места. Како би повећали покривеност, имплементирали су механику игре.

Са другог екрана нудимо да одемо у затворену секцију са игром, која је регуларна 2Д аркада. И омогућују да се ухвати голи фудбалски навијач који трчи на терен, прескачући препреке на путу (искрено, нисам га могао сустигнути. Ако успијеш, напиши у коментарима шта се догађа).

Цар васх

На сајту аутопраонице можете узети тест за шалу, који ће вам испричати о односу са вашим аутомобилом. А шанса за дељење резултата повећава забавна питања и гифове.

Ватер парк

И последњи пример су мини-игре на локацији воденог парка. Посетиоцима се пружа могућност шетње по територији са тобоганима, базенима и вожњом на плажи. И тако је било досадно, програмери су дошли са много занимљивих интерактивова. Можете се спустити са највишег брда, пуцати у водени топ или пливати у транспарентној кугли. Такве одлуке не укључују само посјетиоце, већ и да је најважнија ствар емоција.

Паралаксни ефекти

Вероватно сте видели сајтове где се приликом померања објекти у предњем плану и позадини крећу различитим брзинама, стварајући изглед тројства. У ствари ово је ефекат паралаксе. Постала је раширена са појавом технологија ЦСС3 и ХТМЛ5, што вам омогућава да створите занимљивије и живахније ефекте. Сада, све више и више локација је почело да се појављује, на којима служе не само за декорацију, већ и помажу у откривању предности или преношењу информација.

Заковице

"К2 Екперт" - причвршћивачи и хардвер за онлине продавницу. Да би профитабилно продали свој водећи производ, покренули су промотивни сајт за заковице. И заковица на њој у дословном и фигуративном смислу је у центру пажње. Кроз страницу остаје статична, док се остатак садржаја помера. Ова техника дословно привлачи пажњу посјетитеља на страницу, а да је не пусти на задњи екран.

Ватцх бранд

На страници која представља линију сатова, ова техника се користи за ефикасније демонстрирање производа. Када се крећемо кроз страницу, сатни механизам добија детаље, и појављује се опис сваког од њих.

Козметичка компанија

Више пута су се појављивали у номинацији "Вебсите оф тхе Даи" на Аввардс козметичкој компанији Мовелленс. На свом сајту, паралаксе ствара симбиозу са глатким прелазима и анимацијом која привлачи очи. Ово чини ресурс јединственим и незаборавним.

Виртуална реалност

Ово је најтеже применити са целокупне листе, а ипак једна од најчешћих. За креирање виртуелног простора на сајту користе се читав низ технологија, као што су ВебГЛ и ВебВР, 3Д моделирање и текстурирање.

Дигитал студио

Студио Литтле Ворксхоп се бави употребом ВР технологије за пословање. Да би демонстрирали своје услуге, направили су веб страницу са виртуалном собом, гдје су открили пуни потенцијал предложених технологија.

ВР кино

На страници посвећеној ЦИНЕВР виртуелном кину нудимо вам да купите улазницу за филм филма који вам се свиђа и гледате га уз помоћ ВР-наочара. А да би се све предности ове технологије довеле, сајт је имплементирао интерактивни 3Д биоскопски простор.

"Касперски Лаб"

У част 20. годишњице "Касперски Лаб" покренуо је пројекат предвиђања будућности.

Свако може подијелити своју визију онога што нас очекује 2050. године. И најбоље идеје ће додати на сајт.

Ако сте уметник или дизајнер, можете нацртати ВР простор за ваш футуристички пројекат. Да бисте то урадили, преузмите посебну мрежу на сајт, уз помоћ које цртате илустрацију, а затим је поставите на свој лични налог. Тада се ваша илустрација пројицира на сферу и постави на интерактивни глобус, где га сваки посетилац може да види.

Цустом мецханицс

Сада се дизајнери све више удаљавају од стандарда за изградњу сајта, говорећи не на равним страницама, вертикалним померањем и познатом навигацијом.

Овај тренд није везан за одређену технологију или пријем. У различитим примјерима - различита рјешења. Све зависи од идеје коју желите да пренесете.

Енергетска компанија

Уместо досадног описа обављеног посла, РТЕ је израдио портфолио у виду интерактивне мапе са пројектима у којима су учествовали. А када лебдите на сваком од објеката појављује се детаљан опис.

Издавач

Странице на страницама издавачке куће Рхомбус Пресс, имитирајући отисак штампарије, разбијају све каноне употребљивости. Класични мени такође није обезбеђен: можете доћи до друге секције кликом на област у једном од углова екрана.

Ипак, концептуална природа сајта чини га много занимљивијим и незаборавним него било који други сајт издавача.

Логистичка компанија

На одељцима на сајту транспортне компаније ГУС-ТРАНС путујемо померањем круга на линији мишем. Добра визуелна метафора и нестандардна презентација помажу компанији да се истакне.

Иллустратионс

Овај тренд добија на замаху од 2017. године и вјероватно ће се наставити 2019. године. Велики плус илустрација је да, за разлику од фотографија на залихама, чине страницу јединственом и незаборавном.

Конференција

Промо сајт креативне конференције Епицурренце №8, одржаној у Националном парку Иосемите. Привлачи дизајнере, илустраторе, аниматоре и друге креативне укусе. Тамо раде оно што желе: креирају заједничке пројекте, иду пењање, риболов, лов на благо, а навечер се окупљају око логорске ватре за инспиративне разговоре.

Генерално, дизајн сајта посвећен овом догађају, дизајнер је реаговао не мање креативно. Да би пренео праве емоције, сликао је тематске илустрације, инспирисане лепотом резервата и атмосфером догађаја.

Иллустратор Портфолио

Мариано Пасцуал је илустратор и дизајнер из Аргентине. Уместо стандардног сајта за пословне картице, он је нацртао пародију оперативног система, представљајући страницу са својим десктопом, прозорима, корпом и прегледачем. Испоставило се да је забавно и без узорка показати свој рад.

Услуга онлине позајмљивања

Цредди - сервис за добијање кредита и инвестиција по камати. Илустрације на сајту су метафора за клијенте и компаније. Слике у њима стварају утисак пластике и отворености. А да би пренијели праве емоције свакој публици, користили су двије акцентне боје: црвено - у одјељку за зајмопримце, сиво - за инвеститоре.

Бренд одјеће

Страница посвећена новој колекцији Гуцци прољеће-љето 2018. је континуирани низ илустрација, допуњен анимацијом и интерактивним тренуцима. Кликом на било коју ствар на сликама идемо на њену картицу у онлине трговини.

Шта је следеће

Већина модних трендова заснива се не само на визији дизајнера, већ и на понашању корисника. Сада људи не воле да читају, сви воле да гледају и учествују. Стога су савремени трендови на веб страницама сведени на визуализацију и интерактивност. Ово се може игнорисати, и можете се прилагодити модерним стварностима и постићи резултате на вишем нивоу. Избор је ваш.

Погледајте видео: FREE Instagram Influencer Marketing Strategy 2019 - Shopify $700+ In Four Days?! (Фебруар 2020).

Loading...

Оставите Коментар