{"id":286,"date":"2026-05-06T22:33:23","date_gmt":"2026-05-06T22:33:23","guid":{"rendered":"https:\/\/proces.theresaeggersen.dk\/?page_id=286"},"modified":"2026-05-06T22:33:23","modified_gmt":"2026-05-06T22:33:23","slug":"redesign-i-figma","status":"publish","type":"page","link":"https:\/\/proces.theresaeggersen.dk\/index.php\/redesign-i-figma\/","title":{"rendered":"Redesign i Figma"},"content":{"rendered":"\n
\n
\n

Figma workshop<\/h1>\n\n\n\n
<\/div>\n\n\n\n

I denne workshop arbejdede vi med at f\u00e5 en bedre forst\u00e5else af Figma og hvordan vi kan arbejde mere effektivt i programmet. Opgaven gik ud p\u00e5 at v\u00e6lge en branche, analysere UI-tendenser og lave forbedringer p\u00e5 en selvvalgt hjemmeside.<\/p>\n\n\n\n


Derudover arbejdede vi med at identificere, hvordan layout, farver og typografi p\u00e5virker brugeroplevelsen. Vi brugte vores analyse som grundlag for at komme med konkrete forslag til forbedringer i designet.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n
\n

Processen<\/h2>\n\n\n\n


Jeg blev personligt ikke f\u00e6rdig med mit re-design af den hjemmeside, jeg valgte, men selvom jeg ikke blev f\u00e6rdig, synes jeg stadig, det var en sp\u00e6ndende workshop, som gav mig mulighed for at l\u00e6re Figma lidt bedre at kende og f\u00e5 en bedre id\u00e9 om UI-elementer.<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

Hjemmeside <\/h3>\n\n\n\n

Hjemmesiden, jeg har valgt, hedder \u201cCafe S\u00f8lle\u201d, som er hjemmesiden til caf\u00e9en S\u00f8lle i Odense. Den var i sig selv meget simpel, og der var ingen undersider, da det er en one-page hjemmeside. Der var et billede, et billede af en menu, lidt tekst om \u00e5bningstider og et meget lille Instagram-ikon. Ikke s\u00e6rlig imponerende \u2013 der var i hvert fald plads til forbedringer. <\/p>\n\n\n\n

    \n
  • Grid-layout (overblik og struktur)<\/li>\n\n\n\n
  • Navigation og kategorier<\/li>\n\n\n\n
  • Call-to-action knapper som <\/li>\n\n\n\n
  • Visuel identitet gennem billeder, farver og typografi<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n

    Resultat<\/h3>\n\n\n\n

    Som sagt fik jeg ikke et helt f\u00e6rdigt produkt ud af workshoppen, men jeg fik en bedre forst\u00e5else for, hvor vigtigt call to action, farver og UI-elementer er for en hjemmeside. Det handler b\u00e5de om at g\u00f8re siden brugervenlig, men ogs\u00e5 \u00e6stetisk tiltalende.<\/p>\n\n\n\n

    Jeg fik ogs\u00e5 en st\u00f8rre forst\u00e5else for, hvordan sm\u00e5 designvalg kan have stor betydning for den samlede brugeroplevelse. Derudover blev jeg mere opm\u00e6rksom p\u00e5, hvordan struktur og hierarki i layoutet kan guide brugeren rundt p\u00e5 siden. Hvis jeg skulle arbejde videre, ville jeg fokusere p\u00e5 at g\u00f8re navigationen mere tydelig og skabe en mere sammenh\u00e6ngende visuel stil.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

    \n

    Refleksion <\/p>\n\n\n\n

    Selvom jeg ikke n\u00e5ede at f\u00e6rdigg\u00f8re opgaven, f\u00f8ler jeg stadig, at jeg fik noget ud af processen. Det gav mig en bedre forst\u00e5else for, hvor vigtig struktur og genkendelige m\u00f8nstre er i webdesign.<\/p>\n\n\n\n

    Jeg syntes ogs\u00e5, det var motiverende at arbejde med en side som \u201cCafe S\u00f8lle\u201d, fordi det gjorde opgaven mere konkret og lettere at relatere til. Det gjorde det nemmere at engagere sig i analysen og t\u00e6nke i forbedringer.<\/p>\n\n\n\n

    Jeg har is\u00e6r l\u00e6rt, at man ikke n\u00f8dvendigvis beh\u00f8ver at opfinde noget helt nyt, men at det i h\u00f8j grad handler om at forst\u00e5 og anvende eksisterende patterns rigtigt. Det g\u00e6lder for eksempel grids, navigation og CTA-knapper, som g\u00e5r igen p\u00e5 de fleste websites.<\/p>\n\n\n\n

    Hvis jeg skulle arbejde videre med opgaven, ville jeg fokusere p\u00e5 at f\u00e6rdigg\u00f8re et konkret redesign, s\u00e5 jeg kunne visualisere mine id\u00e9er og arbejde mere praktisk med UI-design.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Figma workshop I denne workshop arbejdede vi med at f\u00e5 en bedre forst\u00e5else af Figma og hvordan vi kan arbejde mere effektivt i programmet. Opgaven gik ud p\u00e5 at v\u00e6lge en branche, analysere UI-tendenser og lave forbedringer p\u00e5 en selvvalgt hjemmeside. Derudover arbejdede vi med at identificere, hvordan layout, farver og typografi p\u00e5virker brugeroplevelsen. Vi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":1,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/proces.theresaeggersen.dk\/index.php\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}