6 waarm nei Websäite fir sech ze inspiréieren

Auteur: Peter Berry
Denlaod Vun Der Kreatioun: 13 Juli 2021
Update Datum: 13 Mee 2024
Anonim
6 waarm nei Websäite fir sech ze inspiréieren - Kreativ
6 waarm nei Websäite fir sech ze inspiréieren - Kreativ

Inhalt

Entwerfen fir de Web ass eng konstant evoluéierend Konscht, dat heescht datt super Entwécklungen ëmmer um Eck sinn. A mat Innovatiounen, déi op Accessibilitéit geriicht sinn, kënnen sensationell Designen méi wéi nëmme visuell erfreelech sinn.

Fir Iech e Goût vun e puer vun den neiste Webdesign Inspiratioun ze ginn, fir op eis Manéier ze kommen, kucke mir op sechs iwwerraschend Site, déi d'Grenze gedréckt hunn. Liest weider fir ze entdecken firwat se schaffen.

01. Smashing Magazine

No 18 Méint Ëmgestaltung huet de Smashing Magazine seng Websäit op eng grouss Manéier lancéiert. Andeems se sech net vum Roude scheitert, eng Faarf mat Autoritéit a Kraaft assoziéiert, huet se gewielt sech géint typesch redaktionnell Websäiten erauszehalen déi haaptsächlech Wäiss als Kuliss benotzen.


D'Leit verbannen oft d'Benotzererfarung mam Design awer et ass och relativ zu der Plattformarchitektur. D'Visiteure maachen direkt onbewosst Entscheedungen déi hir Meenung iwwer de Wäert an d'Vertraue vun enger Websäit dreiwen, mat engem fundamentalen Afloss d'Belaaschtungsgeschwindegkeet. Wéinst dësem Smashing Magazine huet gewielt fir ewechzekommen vun enger Kombinatioun vu WordPress, Kirby, Rails a Shopify. Andeems Dir op JAMstack plënnert: eng Methodologie fir Frontend-Webentwécklung ugedriwwe vu JavaScript, reusable APIen a streamlined Markup, konnt et Themen mat Usability, Skaléieren a Cache verbesseren.

D'Firma sammelt anonym Benotzerverhalensdate mat Hotjar fir Schmerzpunkten ze beurteilen déi sech iwwer technesch Kadere erweideren. Mat der Zäit hofft et all Annoncë vum Site ze läschen an op d'Lieser ze fokusséieren.

02. Schleck

Slack, déi schnellst wuessend Geschäftsapplikatioun an der Geschicht, huet hir Websäit 2017 aktualiséiert fir seng Kärwäerter a Gesellschaftskultur besser ze reflektéieren. Och wann d'Websäit simplistesch a Struktur ass, ass ee vun den éischten Elementer déi Dir bemierkt déi lieweg, stiliséiert Illustratiounen vum Designer Alice Lee.


"Probéiert de spillereschen a kollaborativen Aspekt vun der Kultur festzehalen a wéi waarm a frëndlech den Toun vun dësen ass, wollt ech et iwwer Är Standard 'Leit dréinen, déi um Büro schaffen", erkläert hatt. Et ass eng interessant Richtung, well et e bësse mam aktuellen Uwendungsdesign konfliktéiert, awer besser d'Perséinlechkeet vun der Firma verkierpert. Et werft d'Fro op: brauch de Marketing Site an d'Applikatioun wierklech Schrëften an Designelementer ze deelen oder kënne se allebéid déiselwecht Iddi anescht duerstellen?

D'Slack Team huet vital Verbesserunge wéi Accessibilitéit an Entkopplung vun Asset Ofhängegkeeten tëscht dem webbaséierte Slack Client an dem Marketing Site mat enger hannert de Szenen Code Revisioun ugepaakt. Fir dëst z'erreechen gouf en neien UI Framework (Spacesuit) erstallt. De Spacuit-Framework vum Slack ass klassbaséiert a benotzt wiederverwendbare Komponenten an Utilitysklassen, reduzéiert d'CSS-Belaaschtung ëm 70%. Et ass inspiréiert vun der BEM Benennungskonventioun wou d'Klassen an enger vun dräi Gruppen sinn - Block, Element a Modifier - a benotzt eenzege Buschtaf Nimmraim.


03. Ubersignlanguage.com

Eng opfälleg simplistesch Approche fir Uber d'Integratioun vun der Accessibilitéit an d'Firmekultur heem ze féieren; dës Websäit ass e stellare Beispill vun Design mat Behënnerung. Eng gemeinsam Approche zum Design ass de Wäert z'erklären, awer et ass eng aner fir op Interaktioun ze vertrauen fir ze educéieren. Uber huet den Daaf Méiglechkeete ginn fir Chauffeuren zënter 2015 ze ginn andeems en zougänglech Technologie direkt a seng App integréiert, wéi zB Blitzende Rees Ufro Notifikatiounen amplaz vun enger Audioprompt, nëmmen Text-Kommunikatiounsoptiounen, Viraus Notifikatiounen fir de Coureur z'informéieren datt hire Chauffer daaf ass oder schwéier héierend, an eng zousätzlech Ufro fir de Coureur am Viraus op säin Zil ze goen.

Et huet elo deen anere Schrëtt no vir bruecht mat ubersignlanguage.com. Dir sidd opgefuerdert Ären Numm anzeginn a sidd mat gemeinsame Sätze begréisst wéi 'jo', 'nee', 'lénks dréien', an och Ären Numm. Wat dës Experienz opfält ass de visuellen Feedback, oder kuerz Form Videoen, déi Iech bezeechnen wéi all Saz z'ënnerschreiwen. Et weist datt Dir keng laang Form clever Kopie braucht fir e staarke Message fir Är Organisatioun ze vermëttelen. Dir musst just d'Zil vum Endbenutzer verstoen a fäeg Léisunge bidden.

04. De Savvy Backpacker

De Savvy Backpacker, e budget fokusséierte Reesblog, follegt Mann a Fra Team, James a Susan, wéi se Rucksak an Europa maachen.

Si packen Online City Guiden als hire Schlësselpunkt a maachen eng super Aarbecht fir dee Benotzerwee aus der Haaptnavigatioun ze zéien a se nieft hirem Logo als primären Touchpunkt ze placéieren. All Guide handelt als Archiv vu vergaangene Visiten, wou se Themen ganz detailléiert zerbriechen, wéi déi bescht Hoteler, Reesekäschten, a wéi Dir Är Gepäck packt.

De Ben Bush, Matgrënner vun der FHOKE, entwéckelt: "Et war wierklech dat, e Fokus op d'Stad Guiden, déi se virun allem op der Homepage maachen, eng speziell Landung Säit fir si, a kloer an eenzel Navigatiounslinks déi séier waren och duerchsichen ".

Reesebloggen ass e kompetitive Raum. Fir sech weider als legitim Ressource ze etabléieren, musse se méi maachen wéi einfach flott Fotoen ze maachen an eng onheemlech vill Inhalter ze generéieren. Si hu misse Visiteuren intuitiv op de richtegen Inhalt féieren.

De Ben füügt bäi: "De Schlëssel ass net zevill alternativ a plazéiert dës a Beräicher, wou d'Benotzer vertraut sinn. Wann se no eppes siche mussen, hutt Dir se scho verluer."

05. POM Wonnerbar

Et wier einfach gewiescht fir de POM op säi polariséierende Flaschen Design oder bestehend Marketingkampagnen ze vertrauen fir d'digital Experienz ze dreiwen a sécher mat der Websäit ze spillen.

An enger inspiréierender Bewegung, wann Dir eemol iwwer d'Homepage erausgitt, huet se gewielt eng muséähnlech Erfahrung ze kreéieren, déi sech op d'Geschicht a Konscht vum Granatapfel fokusséiert. An der Geschicht Sektioun fannt Dir voll ausgeschwat Geschichten fir 68 eenzegaarteg Entréen.

Den Andrès Conde, Gruppendirekter vun Digital POM Wonnerbar, seet op senger Websäit: "Verstoen vun eisem Ziel an hire besonneschen Interessen, hu vill vun der UX gefuer, besonnesch well de Site och déi éischte Kéier ass, datt d'Mark de Produit online verkeeft. Mir haten fir den Inhalt-zentréierte Markesite mat engem funktionelle Shopping-Erliefnes kënnen ze wéckelen. " D'Websäit ass fett, faarweg an schéngt ëmmer a Bewegung ze sinn. De Site gouf als eenzeg Säit App gebaut déi Verméigen am Hannergrond lued fir glat Iwwergäng tëscht Sektioune vum Site z'erreechen.

06. Packwire

Packwire's Marketing Site, packwire.com, weist wéineg Inhalter a sengem Versuch e staarken éischten Androck ze maachen. Mat senger Benotzung vu lieweger Faarf a scrollen ugedriwwe Beweegunge bleiwen d'Benotzer mat engem Sënn vu kannerecher Exploratioun. Ofgerënnt Knäppercher a spilleresch Hover Interaktiounen stäerken dëst wann Dir méi déif gräift. De richtege Bijou vun dëser Websäit ass de Service selwer: den Opbau vun Ärer eegener personaliséierter Bestellkëscht. Wien hätt geduecht datt eng Këscht personaliséiert wier sou intuitiv?

Awer wat mécht dat genau intuitiv? D'Trennung vu Fabrikatiounsinformatioun an Design, fir Ufänger. Op der lénkser Säit hutt Dir Erfëllungsdetailer wéi Këschtentyp, Gréisst, Quantitéit a Präis. Déi riets Säit konzentréiert sech eleng op d'kreativ Ëmsetzung vun Ärer personaliséierter Creatioun. Dëst spigelt d'Hallefkugele vun eise Gehirer och: lénks Gehir fir Logik a Recht fir Kreativitéit.

Doriwwer eraus mécht d'Firma och e Versuch den Endbenutzer an hir Bedierfnesser ze verstoen andeems se zwee voll funktionéierend net-Checkout Optiounen ubidden: Gitt Link a späichert. Gitt Link erméiglecht Iech e bit.ly URL ze generéieren fir Är personaliséiert Aarbecht ze deelen, e .webp ze generéieren oder op sozialen Medien ze deelen. Späicheren erlaabt Iech Är Aarbecht ze späichere fir spéider weiderzeféieren.

Wéi hëlleft dat? Et heescht Kreativ kënne Mock-ups generéieren déi einfach mam Client oder dem Stakeholder fir Genehmegung gedeelt kënne ginn, wat dann d'Wahrscheinlechkeet vun engem Kaf duerch de Service erhéicht. Et ass wierklech gutt iwwerluecht als Service fir de Benotzer.

Besicht eng Probe Net Magazin Box déi mir eis ameséiert hunn hei ze kreéieren.

Dësen Artikel gouf ursprénglech an der Ausgab 303 vum net, dem weltbesteverkaafte Magazin fir Webdesigner an Entwéckler publizéiert. Kaaft Ausgab 303 oder abonnéieren op Netz.

Sowieten
Kommt mat Pastellkonscht un
Liliëschten

Kommt mat Pastellkonscht un

Pa tellkon cht a e uper Wee fir vibrant Faarwen ze produzéieren mat der Liichtegkeet an der Kontroll vun Äre be chte Bläi tëfter. Am Gebrauch vu Kën chtler fir Joerhonnerte in...
7 Weeër fir Är kreativ Grenzen ze drécken
Liliëschten

7 Weeër fir Är kreativ Grenzen ze drécken

Wéi déi chotte ch Agence Leith ech mam fran éi chen Illu trator Thoma Danthony gewandert huet fir e tilvollen En emble vu Biller fir eng nei Getränkekampagne fir déi chotte ch...
D'Zukunft vum data-driven Design
Liliëschten

D'Zukunft vum data-driven Design

Gegréi t al déi innovativ t De ignfirma vun der Welt vum Fa t Company Magazin am Joer 2011, an Franci co-ba éiert tamen De ign peziali éiert ech op Big Data chéin, mat engem b...