GRAFISK DESIGN. www.gittenielsen.com/dahlrasmussensite. Det siger kunderne FORSIDE PROFIL PROJEKTER KONTAKT



Relaterede dokumenter
DK - Quick Text Translation. HEYYER Net Promoter System Magento extension

Portal Registration. Check Junk Mail for activation . 1 Click the hyperlink to take you back to the portal to confirm your registration

LESSON NOTES Extensive Reading in Danish for Intermediate Learners #8 How to Interview

how to save excel as pdf

Engelsk. Niveau D. De Merkantile Erhvervsuddannelser September Casebaseret eksamen. og

Produkt. Index side GRAFISK DESIGN

Hvor er mine runde hjørner?

Trolling Master Bornholm 2015

Vores mange brugere på musskema.dk er rigtig gode til at komme med kvalificerede ønsker og behov.

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

1 What is the connection between Lee Harvey Oswald and Russia? Write down three facts from his file.

The X Factor. Målgruppe. Læringsmål. Introduktion til læreren klasse & ungdomsuddannelser Engelskundervisningen

DET KONGELIGE BIBLIOTEK NATIONALBIBLIOTEK OG KØBENHAVNS UNIVERSITETS- BIBLIOTEK. Index

Engelsk. Niveau C. De Merkantile Erhvervsuddannelser September Casebaseret eksamen. og

Help / Hjælp

Brug sømbrættet til at lave sjove figurer. Lav fx: Få de andre til at gætte, hvad du har lavet. Use the nail board to make funny shapes.

Tema: Pets Fag: Engelsk Målgruppe: 4. klasse Titel: Me and my pet Vejledning Lærer

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

Boligsøgning / Search for accommodation!

Grafisk Design 70% Skitser

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

det færdige resultat

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

portfolio GRAFISK WORKFLOW

IBM Network Station Manager. esuite 1.5 / NSM Integration. IBM Network Computer Division. tdc - 02/08/99 lotusnsm.prz Page 1

GUIDE TIL BREVSKRIVNING

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

GRAFISK DESIGN. Kenneth Friis Petersen

MONIQUE BOOTS-NIELSEN / GRAFIKER

DOKUMENTATION 1. HOVEDFORLØB

Special Edition! Complete guide to drawing vector both for beginners and trained artists. WAlkthrough

GRAFISK DESIGN CAMILLA VINTER

Titel: Barry s Bespoke Bakery

Trolling Master Bornholm 2013

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

Grafisk produktion & workflow

Vejledning til brugen af bybrandet

Vejledning til Sundhedsprocenten og Sundhedstjek

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

Basic statistics for experimental medical researchers

Business Opening. Very formal, recipient has a special title that must be used in place of their name

Business Opening. Very formal, recipient has a special title that must be used in place of their name

Design til digitale kommunikationsplatforme-f2013

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

GRAFISK DESIGN SVENDEPRØVE Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

Grafisk design 5 STK. ØL / DRINKS / VAND. Opgaven. Farver. Målgruppe. Logo. Stil og stemning Familie, hygge og samvær.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

GRAFISK PRODUKTION & WORKFLOW. Endotest website

Webside score templatedownload.org

OPGAVEBESKRIVELSE: Opgaven er en kundeopgave for Janne Berg, studerende til psykoterapeut.

2/ Sofia Seidler H3 Svendeprøve

1 s01 - Jeg har generelt været tilfreds med praktikopholdet

The River Underground, Additional Work

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

GRAFISK WORKFLOW Hjemmesidedesign

SPECIALTRYKKERIETS KUNDE WEBPORTAL KOM GODT I GANG

Grafisk workflow. Se siden her:

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

WIKI & Lady Avenue New B2B shop

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

Nyhedsmail, december 2013 (scroll down for English version)

Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.

KLAR TIL NYE MULIGHEDER

Status på det trådløse netværk

Kalkulation: Hvordan fungerer tal? Jan Mouritsen, professor Institut for Produktion og Erhvervsøkonomi

GRAFISK DESIGN. Hjemmeside

Managing stakeholders on major projects. - Learnings from Odense Letbane. Benthe Vestergård Communication director Odense Letbane P/S

Remember the Ship, Additional Work

Grafisk Design. Dansk Center For Organdonation

Blomsten er rød (af Harry Chapin, oversat af Niels Hausgaard)

Trolling Master Bornholm 2016 Nyhedsbrev nr. 5

Vina Nguyen HSSP July 13, 2008

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

MAKING IT - dummy-manus

Brugerdreven innovation

Grafisk design. Portfolio Hovedforløb 2, april Af Susanne Nielsen

PRIMÆRE LOGOTYPE SEKUNDÆRE LOGOTYPE

SOCIALE MEDIER ONLINE MARKETING 2. SEMESTER, FORÅR 2014

MARIA SKAU MADSEN SVENDEPRØVE

Trolling Master Bornholm 2014

QUICK START Updated: 18. Febr. 2014

Meget formel, modtager har en meget speciel titel som skal bruges i stedet for deres navne

PORTFOLIO TIL HOVEDFORLØB 1

Meget formel, modtager har en meget speciel titel som skal bruges i stedet for deres navne

Shooting tethered med Canon EOS-D i Capture One Pro. Shooting tethered i Capture One Pro 6.4 & 7.0 på MAC OS-X & 10.8

Grafisk Design. fra idé til visuelt udtryk Benett

Vejledning til at tjekke om du har sat manuel IP på din computer.

mandag den 23. september 13 Konceptkommunikation

Trolling Master Bornholm 2013

INGEN HASTVÆRK! NO RUSH!

Grafisk design. Ide. Designprocess. Målgruppe

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

portfolio GRAFISK WORKFLOW

Michella+Serritzlew+Jacobsen+

Transkript:

www.gittenielsen.com/dahlrasmussensite in f FORSIDE PROFIL PROJEKTER KONTAKT Det siger kunderne Henrik Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 GRAFISK DESIGN

OPGAVEN OM OPGAVEN Jeg skulle hjælpe en kunde med at designe og udvikle en visuel identitet spredt ud på forskellige platforme. Min kunde ønsker at blive selvstændig og har derfor i første omgang brug for: Logo (vises på hjemmeside og bil) Hjemmeside. Senere hen skal jeg lave visitkort, brevpapirlinie, streamers/klistermærker til bil. AFSENDER Henrik Dahl Rasmussen, kommende selvstændig. Dahl Rasmussen er en innovativ virksomhed med konstruktion som kerneydelse inden for metal. Han skaber professionelle løsninger både inden for udvikling af nye produkter og ved optimering/dokumentation af eksisterende produkter. Alt tegnes i D, f.eks. i Solid Edge eller et tilsvarende Cad program. Han udarbejder alt 2D dokumentation og sikrer at produktet kan fremstilles på den baggrund. Han står for hel eller delvis projektledelse og tilbyder at fremstille prototyper i samarbejde med sine samarbejdspartnere. MÅLGRUPPE Den primære målgruppe er mænd i 0-50 års alderen og den sekundære målgruppe er kvinder i 0-60 års alderen. Minervamodellen: Det blå segment: Det er individualister, der tror på sig selv og sjældent er solidariske med bestemte grupper, men som gerne slår følge med andre, der er på vej i samme retning, som én selv. Det afgørende for de moderne materialisters gruppe er, at de betragter samfundet som et relativt rimeligt og retfærdigt system, der belønner dén, der gør en indsats. Det blå segment er overvejdene mænd med en uddannelse. Min kunde henvender sig primært til andre virksomheder, som har et behov for udviklingshjælp til designprocessen, 2D/D tegninger eller fremstilling af en prototype Men vil også gerne i kontakt med private, som går med en god idé til et produkt, de skal have hjælp til at komme videre med. MIT BIDRAG TIL OPGAVEN Jeg har arbejdet selvstændigt med hele opgaven Jeg har designet logo og hjemmeside Jeg har været i dialog med min kunde om ønsker og behov Jeg har været sparringspartner i forløbet Jeg har kørt korrekturgange med min kunde Hjemmesiden er kodet i Dreamweaver og er mit digitale produkt. 2 Gitte Nielsen Svendeprøve 201

DOKUMENTATION BENYTTEDE PROGRAMMER Indesign CS6: Illustrator CS6 Photoshop CS6 Dreamweaver CS6 DE GRAFISKE DESIGNPARAMETRE Typografi: Jeg har valgt Bauhaus, da den er karakterisk med sin geometriske form og åbne øje. Den har det særpræg, jeg ønsker til logosymbolet. Helvetica er valgt, fordi den med sit kantet og stringente udtryk står i god kontrast til de bløde og runde former på Bauhaus. Farver: Min kunde ønskede et meget stilrent og enkelt udtryk og sort/hvid. Jeg har dog tilføjet hans logo i en blå version, da denne farve kan gå igen på hans trykte produkter i fremtiden, men også på hans hjemmeside til grafiske elementer. Blå symboliserer kvalitet og psykologisk set skaber den ro og troværdighed. Stil og stemning: Min kunde pointerede sine erfaringer med dårlige eksempler på hjemmesider, og logoer der larmer for meget og er uoverskuelige. Hans ønske var derfor fra starten, at det skulle være meget stilrent, enkelt og overskueligt. Jeg tilføjer, at hans produkter skal have kant og dermed sit eget udtryk og særpræg. Komposition: Set i forhold til logoet og hjemmesiden, se uddybende kommentarer af valg. Logo: runde former kontra det kantede, enkelt og stilrent. Hjemmeside: enkel, overskuelig, stilren og med kant = citatet giver personlighed og troværdighed. PROCES Møde med kunden Brainstorm Tjekke konkurrenter og søge inspiration på nettet Skitser tegnes i hånden Skitser laves i Illustrator (logo) Første korrekturgang af logo med kunde Rettelser laves i Illustrator + godkendelse af logo Skitser laves i Indesign (hjemmeside) Efter godkendelse ved kunde programmeres hjemmeside i Dreamweaver Hjemmesiden uploades under mit domæne til svendeprøve. KVALITETSVURDERING Jeg er blevet tilfreds med det stilrene udtryk på både logo og hjemmeside. Kunden er selv meget tilfreds, og jeg opfylder de ønsker, han startede med at give udtryk for. Det har været spændende at samarbejde med kunden og tilpasse behov og ønsker undervejs. Kontraster: Jeg har arbejdet med kontrasterne sort/ hvid, runde/kantede former (logo). På hjemmesiden har jeg arbejdet med kontraster på skriftstørrelserne samt de grafiske elementer. Gitte Nielsen Svendeprøve 201

BRIEFING MED KUNDE BRAINSTORM Efter briefing med kunden, lavede jeg denne brainstorm. Brevpapirlinie Visitkort Navnetræk Bomærke Tandhjul Mekanisk konstruktion Effekter Fokus Eksterne samarbejdspartnere Produkter d konstruktion Tegneprogram Få farver Split tegninger Passer Logo magnet til bil Skruer Design Hjælpeværktøj Dippedutter Stilren Brainstorm D Konstruktion Billedstil Produktionsværktøj Stål Én mands firma Kant Moderne Enkel Opsigtsvækkende Streamer til bagrude på bil Skydelære Sætte ting sammen Reservedele Målgruppe Drejebænk Designe produkter Skille sig ud fra konkurrenter Reservedels kataloger Økonomi Sikkerhed Alarmsystem Begræns tekstmængde Blikfang Materialer Jern Metal Citat troværdighed Skruetrækker Skæreværktøj Produktionsteknolog Udvikling Sygehus Plejesektoren Drejebænk 4 Gitte Nielsen Svendeprøve 201 Værktøjsmager

INSPIRATION - LOGO INSPIRATION Dette projekt har været længe undervejs, og jeg har løbende gemt billeder, som har inspireret mig. Her ses et bredt udsnit. Enkelt Stilrent Kant af personlighed Kontrast: rund/kantet. Enkelt Stilrent Mangler kontrast. Stilren skrifttype Pas på tynde hår- og grundstregerl ift. skalering. Enkelt Stilrent Kant af personlighed. Stilren Fin logosymbol. Særpræg med åbent øje. Sort og hvid Effektfuld kontrast Stilrent. 5 Gitte Nielsen Svendeprøve 201

KONKURRENTER Orange minder om en alarmfarve. Enkel og overskuelig For mange farver i billeder evt. sort/ hvid i stedet Enkelt logo. For meget info på forsiden Ingen navigation Skulle være delt op i undersider. logo larmer Mangler kontrast i farve og styrke Tager for meget fokus. Overskuelig men kedelig Blikfang: Balle og han er skallet dur ikke. Uprofessionelt billede For privat agtig Barnlig med de store blyanter. Stilrent logo Savner kontrast i skriftsnittet Enkel, dog meget kedelig Mangler blikfang/fixpunkter. Kontrastløst logo Enkel i struktur Baggrund minder om laminat køkkenbordsplade. Troværdigt med underskrift Enkel, dog for meget tekst Volsomt logosymbol Fint i skriftsnit God teaser i bunden. 6 Gitte Nielsen Svendeprøve 201

INSPIRATION - FARVER INSPIRATION Her ses et udsnit af billeder med farver, jeg fandt før og under processen. Arbejder videre med at integrere den blå farve. Blå er en kold farve ligesom metal. 7 Gitte Nielsen Svendeprøve 201

SKITSER LOGO DESIGN De originale skitser kan ses i fysisk port folio. Med udgangspunkt i den inspiration jeg hentede fra andre logoer samt logoer fra konkurrenterne, forsøgte jeg at arbejde mig hen mod et enkelt udtryk. Jeg arbejder videre med denne skitse i Illustrator Der er noget godt ved dotten mellem d og R Noget der drejer rundt som en drejebænk. 8 Gitte Nielsen Svendeprøve 201

SKRIFTPRØVE LOGO Min kunde har allerede en url der hedder www.dahlrasmussen.dk. Det er mit udgangspunkt for at lave et logo. Dahl Rasmussen er bare rigtig langt. Jeg vil arbejde videre med at forenkle det samt visualisere, hvad det er, han arbejder med. Jeg foreslår, han tilføjer mekanisk konstruktion, så modtageren hurtigt får en idé om, hvad hans firma indeholder. Dahl Rasmussen kan ikke stå alene, da han så risikerer ikke at fange målgruppen. Bauhaus er valgt, fordi den har en rund og geometrisk form. Helvetica er valgt, fordi den med sit kantet og stringente udtryk står i god kontrast til de bløde og runde former på Bauhaus. Stilhistorie 1919-19 karakteristiske træk: Form følger funktion Overflødig dekoration blev fjernet Der blev arbejdet med rene stramme linier Brugbarhed og geometriske former Glas, metal og stål. Bauhaus valgt dahl Rasmusen Helvetica Neue valgt Stilhistorien går rigtig godt i tråd med de tanker jeg har gjort mig ift. logoet og udtrykket på hjemmesiden: enkelt, stramme linier, det overflødige fjernes. 9 Gitte Nielsen Svendeprøve 201

LOGO PROCES SKITSER I ILLUSTRATOR Arbejder med overlængden på d. Kan jeg bruge 8-tallet til noget? Omdrejningspunkt? Lige som et bor der drejer rundt Kunne man lave øjet lige stort i d og R? Pas på logoet ikke kommer i nærheden af DR1 Arbejd videre med komposition dr er for stort og der er for lidt luft under Skal jeg skrive logo helt ud, så det mere bliver en type? Dot er for stor. Nej, det bliver for langt og kompakt 10 Gitte Nielsen Svendeprøve 201

LOGO PROCES SKITSER I ILLUSTRATOR Afprøvning med placering og størrelse på bullet. Jeg kniber -6 i tracking inden jeg outliner + placering af hårstreg fra det oprindelige R, som jeg har brugt pentool (delete anchor point)til at lave med. Her ses det nye R Øjet er lige stort i begge bogstaver Genkendeligt fra idéen med 8-tallet og et ønske fra kunden. Men da kunden ser det, synes han slet ikke, det virker - han kan godt se, at der ikke er balance, og at R et er for tungt. Afprøvning med længere hårstreg på R Stregerne skal associasiere til en skrue eller et bor Ikke enkelt nok R bliver for tungt Kunne have potentiale Stammen i d, kommer måske til at ligne et fuglehoved Ok med eget særpræg Afprøvning med længere hårstreg på R mere enkelt og stilrent uden streger. Det bliver for kompakt med samme bredde også selv om der er optisk tilpasning. dr er stadig lidt for stort i forhold til MEKANISK KON- STRUKTION Jeg arbejder videre med kompositionen 11 Gitte Nielsen Svendeprøve 201 kræver mere luft for at blive læsbar O i KONSTRUKTION tager alt fokus Virker heller ikke

UDREGNING OG PLACERING AFPRØVER LOGO Jeg afprøvede forskellige størrelser på logoet. Jeg kom frem til at følgende udregning virkede bedst rent optisk, og så arbejdede jeg med knibning af ordmellemrum mellem bogstaverne ved at vende på hovedet. Kompositionen bliver opbygget således: Hele teksten er knebet med +96 Mellem A og N er der yderligere knebet +75 Mellem K og O er der yderligere knebet +50 Luftmellemrummene FØR jeg begynder at arbejde med knibning Luftmellemrummene mellem bogstaverne er justeret, det er nemmere at se når ordet ses på hovedet 12 Gitte Nielsen Svendeprøve 201

LOGO SKALERET 75 % Kan bruges på kuglepen 100 % 125 % 150 % 175 % 200 % 1 Gitte Nielsen Svendeprøve 201

LOGO I FARVER AFPRØVER MED FARVER Jeg afprøvede forskellige farver med inspiration fra mit moodboard. Min kunde kan i fremtiden få brug for et logo med farve, og da der er stor signalværdi i farver, finder jeg det vigtigt at tilføje en farve. Det kan være vigtigt at bruge logoet i blå, hvis der ikke er billeder med farver, hvori der er signalværdi. Blå symboliserer kvalitet og psykologisk set skaber den ro og troværdighed. I dette tilfælde skal den også lede tankerne hen på metal, mekanik, stål og jern. Den blå farve er valgt ud fra, at den har en stærk signalværdi, når man kigger på symbolværdien af farver. Symbolfarve Valgt Skal arbejde videre med at finde farveværdierne Værdierne skal tage sig så ens ud som muligt, når den bruges som: CMYK, RGB, Pantone eller til web Ift. Coated og Uncoated papir. 14 Gitte Nielsen Svendeprøve 201

VALGTE FARVEVÆRDIER FARVEN Den blå farve bliver valgt, da den symboliserer kvalitet. Psykologisk set skaber den ro og troværdighed. I dette tilfælde skal den også lede tankerne hen på metal, mekanik, stål og jern. Farven er her tænkt til logosymbolet, men den skal også bruges til hjemmesiden. RGB 27-54-9 CMYK 100-70-2-19 PANTONE SOLID U 295 U PANTONE SOLID C 54 C Jeg bruger Pantone vifterne Coated og Uncoated til at finde de rigtige farverværdier. # 27476C 15 Gitte Nielsen Svendeprøve 201

LOGO I POSITIV OG NEGATIV SATS 16 Gitte Nielsen Svendeprøve 201

LOGOVARIANT I POSITIV OG NEGATIV SATS EKSEMPLER PÅ LOGOVARIANTER Da det nye logo er lidt højt, har jeg udviklet logovarianter, hvor logosymbolet placeres forrest. Denne variant afprøver jeg på hjemmesiden. 17 Gitte Nielsen Svendeprøve 201

LOGO PÅ BIL 18 Gitte Nielsen Svendeprøve 201

RESEARCH OG TANKER UNDERVEJS HJEMMESIDE Tydeliggør hvor man er Navigation skal være tydelig og ens på alle sider Hieraki Links skal være anderledes end brødtekst Brødtekst skal være læsbar og ikke have for lange læselinier. 19 Gitte Nielsen Svendeprøve 201

20 Fandt inspiration på: http://webdesignledger.com/ tips/16-tips-for-abetter-website Gitte Nielsen Svendeprøve 201 INSPIRATION 16 TIPS FOR A BETTER WEBSITE Posted by Michael Adams on Feb 20, 201 Want a better website and don t know where to start? Or, do you think your website changes are out of your control? Many website owners think a better website means a complete overhaul a brand new website. In some cases that may be true, but in my experience a couple tweaks can make the difference between bland and beautiful. There are hundreds of things you could be doing. But, I want to take you beyond just spell-checking your site for errors. 1. Condense your menu Do you have twelve items under one heading on your navigation bar? If so, you might want to look at tidying up. A cleaner navigation makes things easier to find. When things are easier to find, it creates a better experience for your site s visitors. Plus, they ll be less likely to hit the back button because they won t be frustrated trying to find what they need. 2. Have a call to action on every page Every page on your website should be making your visitor act on something. Maybe it s to get them to purchase your ebook, view your credentials, or watch a demo video. Whatever it is, make it known to the user. Remember, they don t want to think when they re browsing your site. Whether it s a button or a hyperlink, but something on every page that leads them to the action you ultimately want them to take.. Put your phone number on your homepage Every website should have their phone number. Seems obvious, right? But, many don t. It s often buried on a contact page or not on the site at all. Big mistake! Many Inspiration til opbygning af hjemmeside Blot et indblik en del af min proces. visitors head to your website just to find your phone number, so make it prominent on your homepage. The top right corner is usually best or, I ve also seen it down in the footer. Regardless, put it up there! 4. Add business hours Similar to the phone number above, when is your business open? Can I call you at 6am? What if I m bringing my parents to your restaurant and it s 10pm will we be able to eat? These questions are inside the head of your customers more than you think. Making your hours known solves this, so put them up for all to see. 5. Add an about us page Who are you? Do you work with a big team? When a business person or consumer selects a company to do business with, they often like to know who they ll be working with. Add pictures of your team with real bios. Sure, professional experience is awesome, but list your hobbies, family life, and things you like to do for fun. Bottom line: show you re a real human being. 6. Use big, bold images This seems to be a pretty big trend in web design, but it s because images speak louder than words. Capture your visitors with beautiful imagery. Take pictures of your team in action, shots of the local area, or recent projects you ve worked on. 7. Add a directions widget For those without a GPS, directions are convenient for just about anybody. Google has a free map widget you can add to your site. Just enter your address and you ve got directions right to your front door. It shows prospective customers you care about the whole experience. 8. Make your site mobile-friendly Mobile is huge right now. With over 50% of Americans owning a smartphone, your new customers are likely to come from mobile browsing. But, it s tough to navigate a site not optimized for a tiny screen. There are plenty of inexpensive tools to create a mobile website from your current site. Explore those or get a designer to make your site mobile-friendly. 9. Match your company branding Did you just update your logo or change your company colors? Make sure your brick and mortar experience matches your online experience. It helps to create brand awareness so customers recognize your company when they re on the road or describing it to colleagues. 10. Cut the distractions (ie. music and splash pages) Do you have Frank Sinatra playing on your site, or a splash page that blocks people from getting to what they need? Remove it all. Why? Not only is it annoying for many visitors, but it distracts them from doing what you want them to do. 11. Get social with your customers Haven t hopped on social media yet? These days, it seems like the entire world is on social media in some way. We re social people who like to interact with friends, family members, and even strangers. Plus, we listen to their recommendations. You want in on this community building. Get started with a Facebook page or Twitter account and focus on mastering one of them. Then move to the next network. 12. Add industry resources Want to establish yourself as the company to go to in the industry? Then add some resources to your website. This could be reports, surveys, white papers, or helpful links. This material demonstrates to prospective customers you know your stuff. So, get writing! 1. Put your customers to work add testimonials Your current customers are a huge asset to your company because they can provide real-world case studies and testimonials as to how your company has helped them save time, save money, etc. Reach out to your best customers and ask for a testimonial. Here s a tip: have it pre-written, so all your customer has to do is approve it. 14. Figure out your site s main goal Why do you have a website? What do you want your site to do? After you figure out these two questions, make sure your website accomplishes the goal: add or delete pages, restructure your site, make a new landing page, etc. Make your goal a top priority. And let your team know what that goal is so they can help out too. 15. Start from scratch While this isn t recommended because it takes a lot of time, money, and resources, it may be worth it. If you ve got an old website, starting over with brand-new technology would be smart, rather than trying to patch what you already have. Start with a pencil sketch of what you want and assemble the best team to make it happen. 16. Hire a professional This leads me to hiring a professional. If you ve kept your web work in-house, it may be worth looking at bringing in the big guns. They ll not only move the project forward, but they ll bring their own experience and expertise to the project.

ANALYSEMODEL AIDA EN KOMMUNIKATIONSMODEL Der kan hjælpe med at skabe synlighed. De fire punkter (AIDA) beskriver den effekt, som produktet gerne skulle have hos modtageren/kunden. Attention: Logo og billede på hjemmeside skal skabe blikfang Interest: Citat skaber troværdighed og vækker nysgerrighed for at undersøge mere A I D A Desire: målgruppen skal blive så nysgerrig, at de vil tage kontakt Action: Man kan komme i kontakt via kontaktside og kontaktformular 21 Gitte Nielsen Svendeprøve 201

FLOWCHART Index/Forside Profil Projekter Kontakt Referencer Eksterne samarbejdspartnere Tak Links til referencer Links til eksterne samarbejdspartnere Footer med tydelige kontaktoplysninger Disse sider skal med tiden udvikles, men det er kundens firma ikke klar til endnu. 22 Gitte Nielsen Svendeprøve 201

FASTE ELEMENTER PÅ ALLE SIDER 960 GRID SYSTEM Som hjælp til designfasen har jeg benyttet et12-kolonne grid system. Griddet er opdelt i 12 kolonner, som hver er 60 pixel brede.hver kolonne har 10 pixels i margin til venstre og højre. En margin på i alt 20 pixel mellem kolonnerne. Logo klar afsender og linker til forsiden in f Social bevidsthed FORSIDE PROFIL PROJEKTER KONTAKT Citatet kan variere fra side til side Call to action Det siger kunderne Henrik Dahl Rasmussen Skjoldborgsvej 12 870 Hadsten Mobil +45 2179 971 CVR/SE nummer: 27914 Synlige kontaktmuligheder på forsiden. 2 Gitte Nielsen Svendeprøve 201

INDEX DESIGN Se mine kommentarer og begrundelser for det endelige design på side 24-27. URL: www.gittenielsen.com/dahlrasmussensite in f Enkel Tydelig Overskuelig. FORSIDE PROFIL PROJEKTER KONTAKT Henrik Det siger kunderne Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 Billedet er valgt fordi: Det har en stærk signalværdi i udtryk og farve. Det visuelt understøtter min kundes kerneydelse - mekanisk konstruktion. Det er netop også derfor, jeg valgte kun at bruge logosymbol. 24 Gitte Nielsen Svendeprøve 201

PROFIL in f H1 overskrifter: Arial 25 px H1 er søgemaskineoptimerings venlig Beskrivelsen skaber troværdighed H2 overskrifter: Arial 12 px, bold Brødtekst: Arial 12 px Valg af brødtekst: enkel, stilren og letlæselig på skærm FORSIDE PROFIL PROJEKTER KONTAKT Henrik Det koster ikke at spørge PROFIL Om firmaet Dahl Rasmussen er en innovativ virksomhed, med konstruktion som kerneydelse. Jeg skaber professionelle løsninger både inden for udvikling af nye produkter og ved optimering/dokumentation af eksisterende produkter. Alt tegnes i D, f.eks. i Solid Edge eller et tilsvarende Cad program. Jeg udarbejder alt 2D dokumentation og sikrer at produktet kan fremstilles på den baggrund. Mine erfaringer Jeg har mange års erfaring i udvikling og konstruktion af emner og produkter til Sygehus- og plejesektoren. Endvidere har jeg lavet en række projekter inden for Security branchen. Her har jeg lavet en række forskellige produktions- og hjælpeværktøjer. Jeg besidder en god portion faglig viden og tager hellere end gerne nye udfordringer op og bruger mine kompetencer på nye fagområder. Ellers tilbyder jeg naturligvis, som en del af et projekt, at stå for hel eller delvis projektledelse. Jeg følger projektet tæt og sikrer at alle deadline overholdes, at alle interessenter holdes opdateret omkring projektets forløb, samt at al relevant dokumentation indsamles. På baggrund af det fremstillede tegnemateriale og øvrig dokumentation tilbyder jeg at fremstille prototyper i samarbejde med mine samarbejdspartnere. Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 25 Gitte Nielsen Svendeprøve 201

PROJEKTER in f H1 overskrifter: Arial 25 px H1 er søgemaskineoptimerings venlig FORSIDE PROFIL PROJEKTER PROJEKTER OCO Lighting Splittegning af OCO NRGI Udvikling af aftrækker til højspændingsanlæg KONTAKT Bestseller InnoSys Delkonstruktion af ubemandet portvagt, LCN D visualisering af overvåget område til lastbiler Opremsning af projekter skaber troværdighed - linker til samarbejdspartnere Brødtekst: Arial 12 px Valg af brødtekst: enkel, stilren og let læselig på skærm Citater skaber troværdighed H Citat brødtekst: Arial 12 px, kursiv og # 27476c H4 Navn: Arial 10 px, # 27476c Henrik Det siger kunderne Østjysk Antenneservice Det var lige mødet med Henrik der gjorde, at jeg kunne komme videre med mit projekt. Han lavede også en split tegning. Martin Eriksen, D konstruction Konstruktion af special højtaler til Institutioner Det har været en spændende tid at samarbejde med Henrik han er utrolig ambitiøs og målrette. Karl Jonan, teka design Min idé blev til virkelighed og den var til at betale for. Tak for hjælpen. Lisbeth Merlur, selvstændig Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 OPMÅLING OG PRÆCISION SPLIT TEGNINGER Billederne er valgt fordi: De bruges som grafiske fikspunkter og understøttes af teksten De har en stærk signalværdi, og understøtter min kundes kerneydelse - mekanisk konstruktion. 26 Gitte Nielsen Svendeprøve 201

KONTAKT in f FORSIDE PROFIL Er du iværksætter eller nystartet virksomhed, og har du en idé eller et produkt, som skal fremstilles eller rentegnes? PROJEKTER KONTAKT KONTAKT Billederne er valgt fordi, de: Giver et hurtigt overblik af geografisk placering af Dahl Rasmussen linker til Google Maps Jeg hører gerne fra dig Navn: Henrik Dahl Rasmussen Address: Skjoldborgsvej 12, Hadsten Mobil: +45 2179 971 Mail: henrik@dahl-rasmussen.dk Cvr nr.: 2011 Navn (skal udfyldes) Mail (skal udfyldes) Din Besked Send Kontaktformular: Call to action Troværdigt Nemt for brugeren at sende en forespørgsel. Henrik Dahl Rasmussen Skjoldborgsvej 12 870 Hadsten Mobil +45 2179 971 CVR 6892756 in f FORSIDE PROFIL PROJEKTER KONTAKT TAK FOR DIN HENVENDELSE Du hører fra mig hurtigst muligt. Med venlig hilsen Henrik Dahl Rasmussen Henrik Dahl Rasmussen Skjoldborgsvej 12 870 Hadsten Mobil +45 2179 971 CVR 6892756 27 Gitte Nielsen Svendeprøve 201

EKSEMPEL PÅ MÅLBAR SKITSE FORSIDE 940 px in f 205 px 160 px 740 px 0 px0 px FORSIDE PROFIL PROJEKTER KONTAKT 9 px 5 px 940 px Det siger kunderne Henrik Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 5 px 5 px 5 px 214 px 140 px 20 500 px 500 px 95 px 146 px 9 px 20 px 7 px 780 px 160 px 780 px 28 Gitte Nielsen Svendeprøve 201

SKITSER FRA PROCESSEN Logoet er under udvikling på dette tidspunkt, så det er blot i testfasen Grafisk design Forside Referencer Om firmaet Kontakt Forside Referencer Om firmaet Kontakt Billedet er stadig for dominerende, men menu fungerer fint. Der skal dog afprøves med mere luft foroven Her på siden finder dueque serum es imusa vellabo. Nam lictis eos etur, cullest, ut doluptas ventiur, voluptatia simus etur sed modis dem. Is est od esequid maximus, torpor sit as pe pliquia voleserat. Tem ratiatum latem lacimo et andionsequae nestium unt ut minctur, sunt aspe velis eatiant oribus dolupta temporiantem dolorro eum simus nos dit omni quo berempor asit placcum nonecer natur? Quia aut a corrum fugit asim et harcia dolectis rerum vita vellacium non nimolor accum veribus, officiaessi disquame acearum is dolore dipsam, sit, quis mod quis dus quo de ped modis consequo venis sum que < Det kan jeg DET SIGER KUNDERNE DET SIGER KUNDERNE For kedelig og standardagtig Trenden dikterer professionelle billeder billeder siger mere end ord, her er det dog for dominerende, der mangler luft/hvid i layoutet Her på siden finder dueque serum es imusa vellabo. Nam lictis eos etur, cullest, ut doluptas ventiur, voluptatia simus etur sed modis dem. Is est od esequid maximus, torpor sit as pe pliquia voleserat. Forside Referencer Om firmaet Kontakt Forside Referencer Om firmaet Kontakt Tem ratiatum latem lacimo et andionsequae nestium unt ut minctur, sunt aspe velis eatiant oribus dolupta temporiantem dolorro eum simus nos dit omni quo berempor asit placcum nonecer natur? Quia aut a corrum fugit asim et harcia dolectis rerum vita vellacium non nimolor accum veribus, officiaessi disquame acearum is dolore dipsam, sit, quis mod quis dus quo de ped modis consequo venis sum que < Det kan jeg DET SIGER KUNDERNE Det blå billede har en god signalværdi og komplementerer de begrundelser, jeg har for at bruge blå i billede- eller logofarve FIRMAET Her på siden finder dueque serum es imusa vellabo. Nam lictis eos etur, cullest, ut doluptas ventiur, voluptatia simus etur sed modis dem. Is est od esequid maximus, torpor sit as pe pliquia. Tem ratiatum latem lacimo et andionsequae nestium unt ut minctur, sunt aspe velis eatiant oribus dolupta temporiantem dolorro eum simus nos dit omni quo berempor asit placcum nonecer natur? Quia aut a corrum fugit asim et harcia dolectis rerum vita vellacium non nimolor accum veribus, officiaessi disquame acearum is dolore dipsam, sit, quis mod quis dus quo de ped modis consequo venis sum que < Det kan jeg DET SIGER KUNDERNE 29 Gitte Nielsen Svendeprøve 201

SKITSER FRA PROCESSEN For lidt luft i toppen, billedet er for dominerende. Grafisk design Forside Referencer Om firmaet Kontakt Forside Referencer Om firmaet Kontakt Ok med citat, skaber opmærksomhed - call to action (lokker kunden til at trykke videre). Det siger kunderne Det siger kunderne Der skal arbejdes mere med placering af logosymbol. Footer er for tung med de grafiske symboler. Alt for tung med den massive blå, mangler kontrast. in f Forside Referencer Om firmaet Kontakt Forside Om firmaet Priser Kontakt Det siger kunderne Det siger kunderne Allerede bedre og lettere i udtrykket. Enkelt og overskueligt Find mig her Telefon Mail mig 0 Gitte Nielsen Svendeprøve 201

SKITSER FRA PROCESSEN Afprøver logovariant Fylder for meget For tungt Mister enkelhed Forside in f Forside in f Profil Profil Priser Priser Kontakt Kontakt Det siger kunderne Henrik Dahl Rasmussen Skjoldborgsvej 15 8270 Selling CVR 62746298472847 Mobil +45 784 902 Det siger kunderne Henrik Dahl Rasmussen Skjoldborgsvej 15 8270 Selling CVR 62746298472847 Mobil +45 784 902 Afprøver i billedet Ødelægger det meget enkle og stilrene udtryk Understøtter dog billedet 1 Gitte Nielsen Svendeprøve 201

FAVICON Favicon set i faneblad. Logo placeres i photoshop og Image Size ændres til 64 x 64px. Logo gemmes som Save for web and device i png format. Png fil uploades, tilrettes og downloades. Gemmes i min img mappe og sættes ind i header: <link rel=shortcut icon href=img/ favicon.ico> 2 Gitte Nielsen Svendeprøve 201

Martin Eriksen, D konstruction Karl Jonan, teka design Lisbeth Merlur, selvstændig Henrik Dahl Rasmussen Skjoldborgsvej 12 870 Hadsten Mobil +45 2179 971 CVR 6892756 Henrik Dahl Rasmussen Skjoldborgsvej 12 870 Hadsten Mobil +45 2179 971 CVR 6892756 Navn (skal udfyldes) Mail (skal udfyldes) Din Besked Send Grafisk design FÆRDIGT LAYOUT PÅ HJEMMESIDE in f in f in f in f FORSIDE PROFIL FORSIDE PROFIL PROFIL FORSIDE PROFIL PROJEKTER OCO Lighting Splittegning af OCO FORSIDE PROFIL Er du iværksætter eller nystartet virksomhed, og har du en idé eller et produkt, som skal fremstilles eller rentegnes? PROJEKTER KONTAKT Det siger kunderne Henrik Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 PROJEKTER KONTAKT Det koster ikke at spørge Henrik Om firmaet Ellers tilbyder jeg Dahl Rasmussen er en innovativ virksomhed, med konstruktion som kerneydelse. Jeg skaber professionelle delvis projektledelse. Jeg følger projektet tæt og sikrer naturligvis, som en del af et projekt, at stå for hel eller løsninger både inden for udvikling af nye produkter og at alle deadline overholdes, at alle interessenter holdes ved optimering/dokumentation af eksisterende produkter. Alt tegnes i D, f.eks. i Solid Edge eller et tilsvaren- dokumentation indsamles. opdateret omkring projektets forløb, samt at al relevant de Cad program. Jeg udarbejder alt 2D dokumentation og sikrer at produktet kan fremstilles på den baggrund. På baggrund af det fremstillede tegnemateriale og øvrig dokumentation tilbyder jeg at fremstille prototyper i samarbejde med mine samarbejdspartnere. Mine erfaringer Jeg har mange års erfaring i udvikling og konstruktion af emner og produkter til Sygehus- og plejesektoren. Endvidere har jeg lavet en række projekter inden for Security branchen. Her har jeg lavet en række forskellige produktions- og hjælpeværktøjer. Jeg besidder en god portion faglig viden og tager hellere end gerne nye udfordringer op og bruger mine kompetencer på nye fagområder. Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 PROJEKTER KONTAKT Det siger kunderne Henrik NRGI Udvikling af aftrækker til højspændingsanlæg Bestseller Delkonstruktion af ubemandet portvagt, LCN InnoSys D visualisering af overvåget område til lastbiler Østjysk Antenneservice Konstruktion af special højtaler til Institutioner OPMÅLING OG PRÆCISION Det var lige mødet med Henrik der gjorde, at jeg kunne komme videre med mit projekt. Han lavede også en split tegning. Det har været en spændende tid at samarbejde med Henrik han er utrolig ambitiøs og målrette. Min idé blev til virkelighed og den var til at betale for. Tak for hjælpen. Dahl Rasmussen. Skjoldborgsvej 12. 870 Hadsten. Mobil +45 2179 971. CVR/SE nummer: 27914 SPLIT TEGNINGER PROJEKTER KONTAKT Jeg hører gerne fra dig KONTAKT Navn: Henrik Dahl Rasmussen Address: Skjoldborgsvej 12, Hadsten Mobil: +45 2179 971 Mail: henrik@dahl-rasmussen.dk Cvr nr.: 2011 in f FORSIDE TAK FOR DIN HENVENDELSE PROFIL Du hører fra mig hurtigst muligt. PROJEKTER KONTAKT Med venlig hilsen Henrik Dahl Rasmussen Gitte Nielsen Svendeprøve 201