{"id":889,"date":"2025-09-14T16:58:46","date_gmt":"2025-09-14T16:58:46","guid":{"rendered":"https:\/\/ahornstrup.dk\/?p=889"},"modified":"2025-09-16T12:59:52","modified_gmt":"2025-09-16T12:59:52","slug":"berta-bageri","status":"publish","type":"post","link":"https:\/\/ahornstrup.dk\/index.php\/2025\/09\/14\/berta-bageri\/","title":{"rendered":"Berta Bageri"},"content":{"rendered":"\n

Hjemmeside til Berta bageri<\/h2>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Projektets Form\u00e5l<\/h2>\n\n\n\n

Som case arbejdede vi med Berta Bageri, en virksomhed med et st\u00e6rkt visuelt udtryk p\u00e5 sociale medier, men uden en hjemmeside. Vi s\u00e5 en mulighed for at styrke deres digitale tilstedev\u00e6relse med et online menukort og en responsiv hjemmeside, der b\u00e5de afspejler bageriets brand og skaber v\u00e6rdi for kunderne.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Research og Metode<\/h2>\n\n\n\n

For at forst\u00e5 m\u00e5lgruppen interviewede og observerede vi kunder i butikken. Vi anvendte kortsortering til at analysere data og fandt ud af, at kunderne (prim\u00e6rt de 20\u201345 \u00e5rige) efterspurgte hurtig adgang til menukortet online. Samtidig blev det tydeligt, at hjemmesiden kunne hj\u00e6lpe med at mindske travlhed i butikken, og at atmosf\u00e6ren og det \u00e6stetiske udtryk var vigtige for kundernes oplevelse.<\/p>\n<\/div>\n\n\n\n

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

Designproces<\/h2>\n\n\n\n

Vi lod os inspirere af Bageriets eksisterende brandidentitet fra Instagram, is\u00e6r logo, farver og den minimalistiske stil. Med moodboards, wireframes og mockups afpr\u00f8vede vi flere retninger, inden vi landede p\u00e5 et design, der b\u00e5de signalerer b\u00e6redygtighed og \u00e6stetik. Vi brugte egne fotos for at underst\u00f8tte autenticiteten og skabe en sammenh\u00e6ngende oplevelse p\u00e5 tv\u00e6rs af platforme.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Udvikling & Kode<\/h2>\n\n\n\n

Prototypen blev kodet med HTML og CSS med fokus p\u00e5 semantisk struktur og responsivt design via media queries. Vi tilpassede layoutet til mobil, tablet og desktop, s\u00e5 menukortet og navigationen altid fremst\u00e5r brugervenlig. For at optimere hastighed og performance arbejdede vi med billedeformater (bl.a. webp & svg) og testede l\u00f8sningen i Google Chrome udvidelsen Lighthouse for at sikre os at siden k\u00f8rte stabilt p\u00e5 alle platforme.<\/p>\n<\/div>\n\n\n\n

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

Resultat & L\u00e6ring<\/h2>\n\n\n\n

Resultatet blev en f\u00e6rdig prototype af en responsiv hjemmeside, der matcher Berta Bageris visuelle identitet og g\u00f8r det nemmere for kunderne at orientere sig. Projektet gav mig solid erfaring med brugerunders\u00f8gelser, designprocesser og kodning, og viste, hvordan man kan oms\u00e6tte en eksisterende brandidentitet til et digitalt produkt, der skaber reel v\u00e6rdi.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
Se Produktet<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Projektets Form\u00e5l Som case arbejdede vi med Berta Bageri, en virksomhed med et st\u00e6rkt visuelt udtryk p\u00e5 sociale medier, men uden en hjemmeside. Vi s\u00e5 en mulighed for at styrke deres digitale tilstedev\u00e6relse med et online menukort og en responsiv hjemmeside, der b\u00e5de afspejler bageriets brand og skaber v\u00e6rdi for kunderne. Research og Metode For […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"tilpasset-skabelon","format":"standard","meta":{"_eb_attr":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-889","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/posts\/889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/comments?post=889"}],"version-history":[{"count":18,"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/posts\/889\/revisions"}],"predecessor-version":[{"id":1011,"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/posts\/889\/revisions\/1011"}],"wp:attachment":[{"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/media?parent=889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/categories?post=889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahornstrup.dk\/index.php\/wp-json\/wp\/v2\/tags?post=889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}