{"id":292,"date":"2022-07-20T16:22:46","date_gmt":"2022-07-20T14:22:46","guid":{"rendered":"https:\/\/conlumina.com\/?p=292"},"modified":"2023-07-28T16:20:35","modified_gmt":"2023-07-28T14:20:35","slug":"process","status":"publish","type":"post","link":"https:\/\/conlumina.com\/sv\/process\/","title":{"rendered":"V\u00e5r process"},"content":{"rendered":"<h2 id=\"navigating-a-corporate-website-project-with-us\">Navigera ett projekt f\u00f6r en f\u00f6retagswebbplats med oss<\/h2>\n<p>Funderar du p\u00e5 att anlita oss f\u00f6r ditt webbprojekt, men \u00e4r os\u00e4ker p\u00e5 vad du kan f\u00f6rv\u00e4nta dig? D\u00e5 beh\u00f6ver du inte leta l\u00e4ngre! I det h\u00e4r inl\u00e4gget g\u00e5r vi igenom ett typiskt 3-m\u00e5naders webbprojekt f\u00f6r f\u00f6retag med v\u00e5r byr\u00e5. Detta kommer att ge dig en b\u00e4ttre f\u00f6rst\u00e5else f\u00f6r v\u00e5r process och hur vi arbetar, vilket hj\u00e4lper dig att fatta ett v\u00e4lgrundat beslut om v\u00e5r l\u00e4mplighet f\u00f6r ditt projekt. S\u00e5, utan dr\u00f6jsm\u00e5l, l\u00e5t oss dyka in!<\/p>\n<h3 id=\"the-onboarding-process\">Inskolningsprocessen<\/h3>\n<p>Vi b\u00f6rjar med att skapa ditt kundkonto och ger dig en guidad rundtur i v\u00e5r kundportal, som fungerar som den centrala arbetsytan f\u00f6r projektet. Allt som r\u00f6r ditt projekt, t.ex. uppgifter, anteckningar, m\u00f6ten, filer och leveranser, kommer att finnas prydligt organiserat i portalen. Du kan komma \u00e5t den n\u00e4r som helst f\u00f6r att se v\u00e5ra p\u00e5g\u00e5ende framsteg.<\/p>\n<p>Vi planerar ocks\u00e5 veckovisa samtal f\u00f6r att synkronisera och diskutera den senaste utvecklingen, s\u00e5 att ni kan st\u00e4lla fr\u00e5gor eller ge feedback. F\u00f6r att h\u00e5lla alla intressenter informerade spelar vi in, transkriberar och sammanfattar dessa samtal. Detta s\u00e4kerst\u00e4ller att \u00e4ven de som inte kan delta i m\u00f6tena kan granska viktiga punkter och beslut.<\/p>\n<h3 id=\"the-web-project-planning-phase\">Planeringsfasen f\u00f6r webbprojektet<\/h3>\n<p>I den h\u00e4r fasen planerar vi noggrant allt f\u00f6r att s\u00e4kerst\u00e4lla att projektet slutf\u00f6rs i tid, inom budget och enligt de kvalitetsstandarder som kr\u00e4vs. I planeringen ing\u00e5r att definiera m\u00e5l, omfattning, tidsplan och budget. Vi tar ocks\u00e5 upp potentiella risker och utvecklar beredskapsplaner.<\/p>\n<h4 id=\"research-analysis-strategies\">Forskning, analys och strategier<\/h4>\n<p>Vi b\u00f6rjar med att f\u00f6rst\u00e5 ert f\u00f6retag, era produkter, er kultur och era v\u00e4rderingar genom intervjuer med intressenter. D\u00e4refter g\u00f6r vi en omfattande analys av er webbn\u00e4rvaro, marknad och konkurrenter. D\u00e4refter skapar vi digitala strategier, SEO-strategier, inneh\u00e5llsstrategier och marknadsf\u00f6ringsstrategier som v\u00e4gleder projektet.<\/p>\n<h4 id=\"goals-responsibilities-requirements\"><strong>M\u00e5l, ansvar och krav<\/strong><\/h4>\n<p>Vi fastst\u00e4ller specifika m\u00e5l med hj\u00e4lp av SMART-ramverket och skapar ett ansvarsschema f\u00f6r att klarg\u00f6ra rollerna. Med MoSCoW-metoden prioriterar vi funktioner baserat p\u00e5 tid och resurser.<\/p>\n<h4 id=\"information-architecture-concept-prototyping\">Informationsarkitektur, koncept och prototyper<\/h4>\n<p>Vi utformar en logisk webbplatsstruktur, inklusive mallar och navigering, som representeras av en visuell webbplatskarta. Vi kartl\u00e4gger ocks\u00e5 nyckelorden f\u00f6r varje sida. Designkonceptet, som definierar webbplatsens \u00f6vergripande utseende och k\u00e4nsla, godk\u00e4nns sedan. En tr\u00e5dram (en l\u00e5guppl\u00f6st representation av webbplatsen) och en prototyp (en mer avancerad interaktiv version) skapas och testas f\u00f6r anv\u00e4ndbarhet.<\/p>\n<h4 id=\"it-solution-design\">Utformning av IT-l\u00f6sningar<\/h4>\n<p>Vi tar fram ett detaljerat designdokument f\u00f6r IT-l\u00f6sningen som omfattar tekniska aspekter, arkitektur, h\u00e5rdvara, programvarukomponenter, processer och policyer. Dokumentet inneh\u00e5ller ocks\u00e5 utvecklingsuppskattningar och en exakt tidslinje f\u00f6r efterf\u00f6ljande faser.<\/p>\n<h4 id=\"solutions-presentation\">Presentation av l\u00f6sningar<\/h4>\n<p>Vi presenterar v\u00e5ra l\u00f6sningar f\u00f6r intressenterna och l\u00e4mnar en offert p\u00e5 genomf\u00f6randet av projektplanen. Planerings- och implementeringsfaserna \u00e4r \u00e5tskilda f\u00f6r att s\u00e4kerst\u00e4lla att ni litar p\u00e5 projektets inriktning. Om ni v\u00e4ljer att inte g\u00e5 vidare med oss kan ni nu g\u00e5 d\u00e4rifr\u00e5n med hela projektplanen f\u00f6r endast 25% av den ber\u00e4knade totala budgeten, vilket ger er sinnesro n\u00e4r ni v\u00e4ljer v\u00e5r byr\u00e5.<\/p>\n<h3 id=\"the-content-phase\">Inneh\u00e5llsfasen<\/h3>\n<p>Under denna fas skapar eller samlar vi in alla viktiga text- och bildmaterial f\u00f6r webbplatsen. Om du levererar texten till webbplatsen hj\u00e4lper vi till med korrekturl\u00e4sning och redigering. Vid behov kan vi skapa en stilguide f\u00f6r inneh\u00e5llsskrivande f\u00f6r ditt f\u00f6retag eller varum\u00e4rke. Om du levererar det visuella materialet, t.ex. logotyper, varum\u00e4rkestillg\u00e5ngar, bilder och videor, kan vi hj\u00e4lpa till med mediaredigering, konvertering och komprimering.<\/p>\n<p>Helst b\u00f6r allt inneh\u00e5ll vara klart innan designfasen startar. Vid behov kan dock designteamet p\u00e5b\u00f6rja arbetet n\u00e4r inneh\u00e5llet p\u00e5 hemsidan \u00e4r klart. Ordningsf\u00f6ljden mellan inneh\u00e5lls- och designfaserna beror p\u00e5 projektspecifika behov och prioriteringar.<\/p>\n<h3 id=\"the-design-phase\">Designfasen<\/h3>\n<p>Denna fas best\u00e5r av tv\u00e5 steg. F\u00f6rst fokuserar vi p\u00e5 hemsidan. Detta \u00e4r ofta den mest komplexa och funktionsrika sidan p\u00e5 en webbplats, och kr\u00e4ver vanligtvis en mer detaljerad designprocess \u00e4n andra mallar. Genom att f\u00f6rst f\u00e4rdigst\u00e4lla designkonceptet f\u00f6r hemsidan har vi en solid grund att bygga vidare p\u00e5 n\u00e4r vi g\u00e5r vidare till att designa de andra mallarna. Denna process g\u00e5r vanligtvis snabbare, eftersom vi redan har best\u00e4mt oss f\u00f6r den estetiska inriktningen och skapat ett konsekvent utseende och k\u00e4nsla f\u00f6r webbplatsen som kommer att f\u00f6ras vidare till de andra sidorna.<\/p>\n<p>N\u00e4r alla mallar har godk\u00e4nts skapar vi en visuell stilguide som hj\u00e4lper ditt interna marknadsf\u00f6ringsteam och designers att skapa ytterligare material som \u00f6verensst\u00e4mmer med webbplatsen. I guiden beskrivs designelement, f\u00e4rgpalett, typografi, bildspr\u00e5k och riktlinjer f\u00f6r layout. Den levereras b\u00e5de som PDF och live p\u00e5 webbplatsen, vilket g\u00f6r den enkel f\u00f6r ditt team att referera till och anv\u00e4nda efter behov.<\/p>\n<h3 id=\"the-build-phase\">Byggfasen<\/h3>\n<p>Denna fas \u00f6verlappar vanligtvis designfasen. Den \u00e4r indelad i 5 steg.<\/p>\n<h4 id=\"development\">Utveckling<\/h4>\n<p>Backend-utveckling inneb\u00e4r att konfigurera WordPress och eventuella plugins fr\u00e5n tredje part som kommer att anv\u00e4ndas, skapa dina anpassade inl\u00e4ggstyper, taxonomier och anpassade f\u00e4lt samt programmera webbplatsens anpassade funktionalitet. Genom att f\u00f6lja <a href=\"https:\/\/www.php-fig.org\/psr\/\" target=\"_blank\" rel=\"noopener\">Standarder f\u00f6r PHP-kodning<\/a>\u00a0och <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\/\" target=\"_blank\" rel=\"noopener\">Kodningsstandarder f\u00f6r PHP i WordPress<\/a>Vi ser till att koden \u00e4r ren, konsekvent och underh\u00e5llbar.<\/p>\n<p>Frontend-utveckling omfattar visuell design, layout och funktionalitet. Genom att f\u00f6lja <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>, <a href=\"https:\/\/www.w3.org\/standards\/\" target=\"_blank\" rel=\"noopener\">W3C<\/a>, och <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener\">WCAG<\/a> Med hj\u00e4lp av kodningsstandarder ser vi till att webbplatsen byggs p\u00e5 ett s\u00e4tt som \u00e4r tillg\u00e4ngligt, funktionellt och uppfyller standarderna.<\/p>\n<p>Vi f\u00f6rbereder de webbkomponenter som kommer att anv\u00e4ndas och utvecklar alla komponenter som saknas enligt <a href=\"https:\/\/www.w3.org\/WAI\/ARIA\/apg\/\" target=\"_blank\" rel=\"noopener\">WAI-ARIA-designm\u00f6nster<\/a> f\u00f6r kompatibilitet med sk\u00e4rml\u00e4sare och andra hj\u00e4lpmedel.<\/p>\n<p>F\u00f6r utformningen av webbplatsen skriver vi objektorienterad CSS (OOCSS) enligt en f\u00f6renklad block-element-modifier-metodik (BEM). F\u00f6r funktionaliteten i fronten, t.ex. tangentbordskontroller och fokushantering, anv\u00e4nder vi vanilla JavaScript. Detta g\u00f6r det m\u00f6jligt f\u00f6r oss att avlasta jQuery-biblioteket som levereras med WordPress, vilket bidrar till att n\u00e5 m\u00e5len f\u00f6r v\u00e5r <a href=\"https:\/\/conlumina.com\/sv\/pagespeed-garanti\/\">garanti f\u00f6r h\u00f6gsta prestanda<\/a>.<\/p>\n<p>Vi anv\u00e4nder oss av ett mobilanpassat arbetss\u00e4tt med flexibla rutn\u00e4t, flytande typografi och responsiva bilder. Grundliga webbl\u00e4sartester s\u00e4kerst\u00e4ller att webbplatsen \u00e4r kompatibel med alla moderna webbl\u00e4sare och att den nedgraderas p\u00e5 ett smidigt s\u00e4tt n\u00e4r det beh\u00f6vs.<\/p>\n<p>N\u00e4r webbplatsen har godk\u00e4nts av chefen uppmanar vi dig att l\u00e4gga till eventuella kommentarer eller feedback direkt p\u00e5 webbplatsen via ett peka-och-klicka-gr\u00e4nssnitt. Vi samlar in din feedback och genomf\u00f6r eventuella \u00e4ndringar i sista minuten.<\/p>\n<h4 id=\"optimisation\">Optimering<\/h4>\n<p>Vi optimerar webbplatsens prestanda f\u00f6r hastighet, anv\u00e4ndbarhet och s\u00e4kerhet f\u00f6r att uppfylla v\u00e5ra <a href=\"https:\/\/conlumina.com\/sv\/pagespeed-garanti\/\">garanti f\u00f6r h\u00f6gsta prestanda<\/a>. Metadata och webbsidor optimeras f\u00f6r s\u00f6kmotorer, och alla formul\u00e4r testas noggrant. Webbtexter korrekturl\u00e4ses och granskas.<\/p>\n<h4 id=\"beta-testing\">Betatestning<\/h4>\n<p>Testning av webbplatser sker i flera steg, d\u00e4r du, v\u00e5rt team och en extern anv\u00e4ndargrupp ger feedback. Slutliga justeringar g\u00f6rs innan den officiella lanseringen.<\/p>\n<h4 id=\"deployment\">Utplacering<\/h4>\n<p>Webbplatsen \u00f6verf\u00f6rs till produktionsservern och de sista granskningarna och korrigeringarna g\u00f6rs. Dokumentation tillhandah\u00e5lls, s\u00e4kerhetskopior och CDN konfigureras och webbplatsen g\u00e5r live.<\/p>\n<h4 id=\"operations-maintenance\">Drift och underh\u00e5ll<\/h4>\n<p>Efter lanseringen tr\u00e4ffar vi ert team f\u00f6r att fira, s\u00e4tta upp underh\u00e5llsplaner och utv\u00e4rdera projektet. Vid ett separat m\u00f6te ges CMS-utbildning f\u00f6r era content managers, vilket avslutar projektet.<\/p>\n<h3 id=\"in-closing\">Avslutningsvis<\/h3>\n<p>Processen f\u00f6r webbplatsutveckling kan variera beroende p\u00e5 projektets behov, men v\u00e5ra beskrivna steg ger en allm\u00e4n \u00f6versikt \u00f6ver v\u00e5rt tillv\u00e4gag\u00e5ngss\u00e4tt. Genom n\u00e4ra samarbete och en strukturerad process levererar vi h\u00f6gkvalitativa webbplatser som \u00e4r anpassade till kunderna och deras m\u00e5lgrupp.<\/p>\n<p>Vi hoppas att den h\u00e4r \u00f6versikten har gett dig en b\u00e4ttre f\u00f6rst\u00e5else f\u00f6r hur vi g\u00e5r till v\u00e4ga n\u00e4r det g\u00e4ller projekt f\u00f6r f\u00f6retagswebbplatser och vilka steg som kr\u00e4vs. Om du har n\u00e5gra ytterligare fr\u00e5gor eller vill diskutera ditt specifika projekt mer i detalj, tveka inte att kontakta oss. Vi ser fram emot att arbeta med dig och hj\u00e4lpa dig att n\u00e5 framg\u00e5ng med din webbplats.<\/p>","protected":false},"excerpt":{"rendered":"<p>Vad du kan f\u00f6rv\u00e4nta dig av ett samarbete med oss. Utforska v\u00e5r process och se om vi passar ert f\u00f6retag.<\/p>","protected":false},"author":1,"featured_media":1046,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[33],"tags":[],"class_list":["post-292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strategy"],"meta_box":{"featured_post":"0"},"_links":{"self":[{"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/posts\/292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":5,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/posts\/292\/revisions"}],"predecessor-version":[{"id":1637,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/posts\/292\/revisions\/1637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/media\/1046"}],"wp:attachment":[{"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/media?parent=292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/categories?post=292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/conlumina.com\/sv\/wp-json\/wp\/v2\/tags?post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}