Din webbplats design bör spegla hur unikt ditt varumärke är. Med det sagt kan det aldrig skada att hämta in­spi­ra­tion till webb­de­sign från omvärlden. Det kan faktiskt hjälpa dig att hålla koll på aktuella trender och komma på nya idéer för webb­de­sign.

Vilka är de bästa in­spi­ra­tions­webb­plat­ser­na för webb­de­signidéer?

Kreativa idéer kommer inte alltid på ett ögonblick. Men ibland kan det hjälpa att klicka sig igenom de­sig­nwebb­plat­ser och hämta in­spi­ra­tion från andra. Nedan delar vi med oss av de bästa in­spi­ra­tions­webb­plat­ser­na för de­signtren­der och idéer för webb­platslay­out.

Dribbble

Bild: Screenshot of Dribble
Dribble fa­ci­li­ta­tes exchange between designers, il­lu­stra­tors, graphic artists and ty­po­grap­hers. (Source: https://dribbble.com)

Ett ställe att vända sig till när du drabbas av en kreativ impuls är com­mu­ni­tyn som Dribbble. På Dribbble samlas designers, il­lust­ra­tö­rer och ty­po­gra­fer från hela världen för att dela sina projekt och visa upp sina resultat. Det är ett socialt nätverk för kreativa personer som gör det möjligt för dig att dela skärm­dum­par av ditt arbete med com­mu­ni­tyn varje månad.

Fördelar

Du kan se Dribbble som ett socialt nätverk för allt som har med design att göra. Det är inte bara begränsat till in­spi­ra­tion för webb­de­sign, utan visar även pro­dukt­de­sign, appdesign, animation och till och med typografi. Detta gör platt­for­men till en idealisk källa för webb­de­signidéer och de­signidéer av alla slag. Den erbjuder ett gratis bas­med­lem­skap som du kan använda för att bläddra, spara och be­tyg­sät­ta designer.

Nackdelar

Om du vill be­tyg­sät­ta designer måste du re­gi­stre­ra dig. Och om du letar efter specifika webb­de­signidéer kan de be­grän­sa­de fil­te­ral­ter­na­ti­ven utgöra ett problem. De enda filter som finns till­gäng­li­ga är designens färg och några få taggar. Ett annat problem är att det kan vara svårt att be­tyg­sät­ta kva­li­te­ten på en design. Spännande designer med mycket animation eller andra flashiga element får oftast fler gil­la­mar­ke­ring­ar än eleganta och enkla men hög­kva­li­ta­ti­va designer.

Behance

Bild: Screenshot of Behance’s website
Artists present their work to the public on Adobe’s Behance. (Source: https://www.behance.net)

Behance är ett annat globalt kreativt nätverk där människor kan publicera sina grafiska de­sign­ar­be­ten. Platt­for­men för­vär­va­des av Adobe 2012 och lades till i deras Creative Cloud. Adobe-abon­nen­ter har au­to­ma­tiskt tillgång till Behances grund­läg­gan­de funk­tio­ner.

Fördelar

Behance erbjuder fo­to­gra­fer, grafiska konst­nä­rer och designers en plattform för att dela sina verk med all­män­he­ten. En fördel med webb­plat­sen är dess fil­ter­funk­tion, som erbjuder an­vän­dar­na olika sökin­ställ­ning­ar, såsom kreativa områden och verktyg som används för de­sign­ar­be­tet. Att bläddra igenom de kreativa områdena är ett utmärkt sätt att få in­spi­ra­tion till webb­de­sign utan att behöva re­gi­stre­ra sig.

Nackdelar

Behance är nära kopplat till Adobes värld och passar därför bäst för personer som redan använder Adobe-program som Photoshop. Utöver det har det inte många betydande nackdelar. Det är en idealisk plattform för att bläddra bland idéer för webb­platslay­out och få in­spi­ra­tion till webb­de­sign.

Awwwards

Bild: Screenshot of the Awwwards website
Awwwards.com is a community space where creatives from around the world can interact and have their work judged by a jury. (Source: https://www.awwwards.com)

Awwwards pre­sen­te­rar sig som en online-mö­tes­plats för pro­fes­sio­nel­la inom digital design. Det erbjuder designers ett utrymme där de kan dela med sig av sina kunskaper och er­fa­ren­he­ter, starta dis­kus­sio­ner och hitta in­spi­ra­tion. Varje dag väljer Awwwards en “Dagens webbplats” och visar den på hemsidan. Vinnarna pub­li­ce­ras sedan i en årsbok med titeln “The 365 Best Websites Around The World” (De 365 bästa webb­plat­ser­na i världen). Du kan hitta in­spi­ra­tion till din egen webbplats genom att bläddra i vin­nar­gal­le­ri­et.

Fördelar

På Awwwards kan webb­de­sig­ners, ut­veck­la­re och kreativa byråer skicka in sina projekt för ut­vär­de­ring av en pro­fes­sio­nell jury. De vinnande webb­plat­ser­na kan visas och besökas från platt­for­men, vilket gör att du kan upptäcka pris­be­lön­ta webb­plat­ser och få insikter om god web­ban­vänd­bar­het när du söker in­spi­ra­tion för webb­de­sign.

Nackdelar

Det finns egent­li­gen inga nackdelar med Awwwards. Det enda är att designen på de vinnande webb­plat­ser­na ibland kan vara lite för över­dri­ven för vad du vill ha på din egen webbplats.

FWA

Bild: Homepage of the Favourite Website Awards website on August 16, 2023
FWA chooses a best website of the day every day. (Source: https://thefwa.com)

FWA står för “Favourite Website Awards”, ett erkänt pris­pro­gram som har varit öppet för webb­de­sig­ners sedan maj 2000. I likhet med Awwwards pre­sen­te­rar FWA varje dag en “site of the day” (SOTD) och väljer varje månad en “site of the month” (SOTM). Vinnarna kan sedan delta i People’s Choice Award (PCA) i slutet av året.

Fördelar

FWA är det perfekta stället att leta efter in­spi­ra­tion till webb­de­sign som sticker ut från mängden. Även om vissa designer kan vara ganska okon­ven­tio­nel­la kan du vara säker på att designers och ut­veck­la­re har använt UX-de­sign­prin­ci­per för att sä­ker­stäl­la en perfekt an­vän­darupp­le­vel­se.

Nackdelar

FWA lägger stor vikt vid att pre­sen­te­ra några få designer i detalj. Om du letar efter mer allmän in­for­ma­tion och vill få en snabb överblick över olika de­signidéer och aktuella trender är den här webb­plat­sen troligen inte något för dig.

CSS Design Awards

Bild: CSS Design Awards website
CSS Design Awards gives prizes to websites based on design, fun­c­tio­na­li­ty and user-fri­end­li­ness. (Source: http://www.css­de­sig­na­wards.com/)

CSS Design Awards utser varje dag en webbplats till dagens webbplats, samt delar ut månads- och årspriser. Ur­valskri­te­ri­er­na är kreativ design, kärn­funk­tio­ner och UX & innehåll.

Fördelar

Webb­plat­sen CSS Design Awards erbjuder an­vän­dar­na flera an­vänd­ba­ra fil­ter­funk­tio­ner för sökning. Vinnande och no­mi­ne­ra­de webb­plat­ser kan filtreras utifrån färg, funk­tio­ner och bransch. Webb­plat­sen har också artiklar om viktiga ämnen som webb­de­sign samt länkar till gra­tis­re­sur­ser som an­vän­dar­na kan använda för att förbättra sina egna webb­de­sign­kun­ska­per.

Nackdelar

Precis som FWA fokuserar webb­plat­sen CSS Design Awards på att ge en de­tal­je­rad bild av webb­de­sig­nen hos ett fåtal utvalda webb­plat­ser. På denna webbplats är det också svårt för an­vän­dar­na att snabbt få en överblick över aktuella trender och idéer för webb­de­sign.

En sida kärlek

Bild: One Page Love website
One Page Love provides design examples, articles and tutorials all centred around one-page sites. (Source: https://one­pa­ge­lo­ve.com/)

Om du tycker att un­der­si­dor är över­vär­de­ra­de och föredrar att placera allt ditt innehåll på en enda sida, är One Page Love rätt plats för dig. Platt­for­men beskriver sig själv som den ultimata ut­ställ­nings­plat­sen för webb­plat­ser, mallar och resurser med en enda sida.

Fördelar

One Page Love är, som namnet antyder, en källa till in­spi­ra­tion för webb­de­sign av en-sidiga webb­plat­ser. Den erbjuder an­vän­dar­na 8 000 exempel som visar aktuella trender inom webb­de­sign, såsom centralt delade layouter och an­vän­dar­cen­tre­rad design. Om du letar efter in­spi­ra­tion till layouten för din en-sidiga app är One Page Love rätt plats för dig. Ett annat plus är att One Page Love erbjuder an­vän­dar­na en rad resurser med artiklar, ikon­sat­ser, mallar och hand­led­ning­ar.

Nackdelar

Om du inte använder en en­kelt­si­dig ap­pli­ka­tion kan One Page Love i bästa fall ge dig idéer till ut­form­ning­en av din hemsida. Det har dock na­tur­ligt­vis inget att erbjuda när det gäller den kreativa in­ter­ak­tio­nen mellan un­der­si­dor.

De­sign­bom­ber

Bild: Page with free templates on Design Bombs website
Design Bombs is the perfect platform for beginners, thanks to its templates, design inspo and tutorials. (Source: https://www.de­sign­bombs.com/freebies/)

Design Bombs erbjuder mer än bara in­spi­ra­tion för webb­de­sign. Här finns också en serie artiklar och hand­led­ning­ar om webb­de­sign. Och om du vill förbättra dina kunskaper om kodning finns det även guider för det.

Fördelar

Design Bombs är inte bara en fan­tas­tisk webbplats för de­sig­nin­spi­ra­tion – den erbjuder också mallar som besökarna kan använda. Dessutom är platt­for­men, med sitt stora utbud av resurser, ett utmärkt ställe att lära sig grunderna i webb­de­sign. De erbjuder även hand­led­ning­ar. Du kan till exempel lära dig hur du skapar den perfekta stil­gui­den för din webbplats.

Nackdelar

Design Bombs är inte en klassisk in­spi­ra­tions­webb­plats som kopplar samman kreativa personer eller delar ut priser för in­no­va­ti­va webb­de­signidéer. Det är snarare en källa till resurser och idéer. Som ett resultat av detta är mallarna de till­han­da­hål­ler ganska enkla och visar inte upp några nya stan­dar­der inom webb­de­sign.

Gå till huvudmeny