weboldal tervezése a nerida márkához
DESCRIPTION
Weboldal tervezése a Nerida márkához. Készítette: Branner Ida Konzulens: Király András. Budapest, 2013. február 7. Tartalomjegyzék. Brief A logó Inspirációk és versenytárselemzés A honlap tervezése és végső felépítése arculata és színrendszere tipográfiája - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/1.jpg)
Weboldal tervezése a Nerida márkához
Készítette: Branner IdaKonzulens: Király András
Budapest, 2013. február 7.
![Page 2: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/2.jpg)
Tartalomjegyzék• Brief• A logó• Inspirációk és versenytárselemzés• A honlap
• tervezése és végső felépítése
• arculata és színrendszere• tipográfiája
• Mozgókép és saját fotók• Cégkártya, csomagolás
![Page 3: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/3.jpg)
BriefHáttér: • hobbim a gyöngyfűzés• Peyote technika elsajátítása • elkészült munkák bemutatása, honlap készítése
Célkitűzés: • bemutatkozó honlap létrehozása• karkötőim megismertetése a látogatókkal• elérhetőségeim közlése
Célcsoport:• akik kedvelik a saját készítésű ékszereket • nők, akik szívesen viselik (de nincs ideje, kézügyessége)• férfiak, ajándékvásárlási célzattal
![Page 4: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/4.jpg)
A logó
![Page 5: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/5.jpg)
Inspirációk és versenytárselemzés
Blogok
![Page 6: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/6.jpg)
Inspirációk és versenytárselemzés
WAMP
![Page 7: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/7.jpg)
A honlap tervezése és felépítése
1. szakasz: „egyoldalas” honlap, menüsor, profilhoz illő háttér2-3. szakasz: almenüpontok, menüsor háttere és formája4. szakasz: tartalom elhelyezése keretekben, formákban; háttér5-6. szakasz: egyedi háttér, logó végleges helye
![Page 8: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/8.jpg)
A honlap arculata…
![Page 9: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/9.jpg)
…és színrendszere
• Magenta: designban jólétet és luxust sugároz; női designhoz jól illik• Szürke szín: inspirálja az alkotószellemű embereket• Szürke (hideg tartomány) és magenta (meleg tartomány) kontrasztja• Szürke szín komorságot sugallhat, a magenta kombinálásával vidám,
élénk összképet kapunk
![Page 10: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/10.jpg)
A honlap tipográfiája
• Fő- és almenüpontok felirata• Minden gépen telepített• Böngészők megjelenítik• Könnyen olvasható
• Alcímeknél• Nem minden gépen telepített
képként beillesztve
![Page 11: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/11.jpg)
Mozgókép és saját fotók
![Page 12: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/12.jpg)
Cégkártya és csomagolás
Times New Roman betűtípus
![Page 13: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/13.jpg)
Kérdések
1. A weboldalon milyen hátterek lesznek később?2. Indokolja zeneválasztását az animációnál!3. Miért választott olyan grafikai arculati elemeket, amely sem a
termékhez, sem annak célcsoportjához nem köthető?4. Milyen grafikai arculati elemet választana, ha újra kezdené a
feladatot?
![Page 14: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/14.jpg)
![Page 15: Weboldal tervezése a Nerida márkához](https://reader036.vdocuments.mx/reader036/viewer/2022062323/568163cb550346895dd508b1/html5/thumbnails/15.jpg)
Köszönöm a figyelmet!