Gestió de projectes multimèdia, Norm Marking, Moodboard, Disseny web, Arquitectura de la informació, Wireframes, Maquetes, UX, Usabilitat, Contingut, Edició de vídeos, Identitat visual, Cartera, Wordpress, SEO, SEM, Publicitat social. Aquest projecte forma part de la temàtica de gestió i publicació de continguts i les principals motivacions neixen de la idea de mostrar en un projecte real tots els coneixements i habilitats d'un graduat en multimèdia. Les tasques de disseny web i arquitectura de la informació es realitzaran amb eines de maquetació i prototipat amb els seus lliurables i el producte final es concretarà amb un portafoli web creat amb el CMS Wordpress.
Les tasques de disseny web i arquitectura de la informació es realitzaran utilitzant les eines de maquetació i prototipat amb els seus productes i el producte final serà un lloc web creat amb Wordpress CMS. Gestió de projectes multimèdia, Benchmarking, Moodboard, Disseny web, Arquitectura de la informació, Wireframes, Patrons, Experiència d'usuari, UX, Usabilitat, Gestió de continguts, Edició de vídeo, Identitat visual, Cartera, Wordpress, SEO, SEM, Publicitat social, Autònom, Treball de fi de grau .
Introducció
- Descripció/Definició
- Objectius
- Objectius principals
- Objectius secundaris
- Metodologia i procés de treball
- Planificació
- Fites i dates clau
- Taula de planificació del projecte
- Diagrames de Gantt
- Pressupost
- Estructura de la resta del document
Definirem la guia d'estil amb taulers d'ànim, disseny de logotip, selecció de colors i tipografia. Tanmateix, s'elaborarà un manuscrit de producte amb l'esquema de navegació i els components que s'hi inclouran amb el disseny de l'Arquitectura de la Informació. Finalment, la fase d'avaluació és paral·lela i iterativa a la fase de producció, ja que es fan les comprovacions necessàries sobre la usabilitat del producte, tenint en compte els deu principis heurístics de Jacob Nielsen.
Comencem el capítol 4 creant un moodboard, creem el símbol, la punta de la imatge i el logotip, així com la gamma de colors del logotip i de la pàgina web en general. Desenvolupament web, instal·lació de WordPress, complements Yoast SEO, Elementor Pro, lloguer de dominis, allotjament, configuració de Google Analytics.
Fase d’Investigació / Anàlisi de mercat
Analisi de la competència
Anàlisi DAFO
Públic objectiu (target) i perfils d'usuari
- Definició de Buyers Persona
Proposta
- Tendències
- Definició d'objectius/especificacions del producte
- Continguts i Estructura
- Look&Feel
També definirem tota l'Arquitectura de la informació, que generarà la interfície d'usuari de la interfície d'usuari, creant primer una sessió d'informació, el mapa del lloc, els wireframes i els prototips d'alta fidelitat. Durant el procés informatiu, va veure que un cantant famós que li agradava actuava diumenge al teatre de la seva ciutat i va decidir comprar unes entrades per anar amb la seva dona. És per això que s'incorporen noves tècniques més enllà de la creació estandarditzada a la qual estàvem acostumats fins ara, com ara nous tipus d'interaccions i l'ús de gradients.
Els retoladors personals que formen part del disseny de la web, no només en la seva vessant visual, sinó també amb la seva interacció al passar per sobre d'imatges, botons, etc. La finalitat principal de la web serà presentar projectes o habilitats d'un professional multimèdia. que: Donar-se a conèixer i aconseguir clients o ser contractat per una empresa o una agència. Bàsicament, imatges, tipus de lletra grans i vídeo que s'adaptaran a la finalitat principal de la web, utilitzant recursos informatius i convincents del servei que es pretén oferir als usuaris.
Hi haurà un formulari de contacte i, a més, un mapa, com Google Maps, informarà els usuaris de la ubicació de l'agència. 32 Funcionen molt bé per centrar l'atenció dels usuaris mostrant tota la informació en un sol lloc, reduint les distraccions de la navegació o la recerca de diferents pàgines. L'ús de la segona persona també es pot considerar adequat a causa del públic jove al qual s'adreçarà.
El disseny de la seva interfície serà senzill, modern i adaptat al to dels continguts i al tipus d'usuaris, joves i de mitjana edat, especialment urbans. En el món de la moda, el negre és el color de la formalitat, l'elegància i la calma. El vermell s'associa amb l'estimulació, la passió, el poder, la revolució i forma part del nostre símbol i logotip, per la qual cosa estarà present a l'aspecte del lloc web.
Fase de Disseny / Definició
Guia d’Estils / Disseny Gràfic
- Moodboard
- Logotip
- Gama Cromàtica Web / Paleta de colors
- Paleta tipogràfica
Tota la informació detallada es pot trobar a l'Apèndix 1, Manual d'identitat gràfica i Guia d'estil de Q Marketing Digital. Versió completa, el símbol anirà amb el logotip de dues línies, o pot anar sol. Versió només inicials, El símbol de Q MARKETING DIGITAL consta de les tres inicials en majúscules, en color negre, i amb dues línies gruixudes Aquestes línies en color vermell.
Els colors corporatius de Q Marketing Digital són els únics que es poden utilitzar per a la representació gràfica. El lila s'utilitzarà com a color decoratiu per a les pàgines, i es pot utilitzar sobre blanc o negre, però no sobre vermell. En els títols
i utilitzarem Roboto Bold. El tipus de lletra dels textos
serà Roboto.
IA Arquitectura de la informació i Disseny de la interfície d’usuari UI
- Briefing
- Sitemap
- Wireframes / Prototips LoFi i elements d’interacció
- Mockups / Prototips HiFi
Planificar tota la IA amb antelació ajudarà a aclarir com es relacionen les diferents pàgines entre si a través del camí de l'URL i dels enllaços interns, i ens ajudarà a definir accions de SEO i gestionar i estructurar el contingut.
Usabilitat / UX
49 El fet que les nostres accions siguin reversibles si el resultat de la nostra acció no és el que volíem ens dóna satisfacció i seguretat. A part de conèixer els nostres usuaris, per generar credibilitat i confiança que necessiten per conèixer-nos, hem de crear estructures adequades perquè els usuaris només esperen que s'enviï el missatge. El disseny ha de facilitar que trobin la informació ràpidament i en el menor temps possible, en el nostre cas la visió general és molt fàcil i amb el cercador és molt fàcil perquè especifiqueu el servei o habilitat que busqueu.
D'altra banda, hi haurà un feedback si els usuaris saben en quin punt de la navegació es troben en cada moment, quines accions realitzaran i quant de temps trigarà, han indicat clarament el lloc de navegació on es troben i a la part superior una navegació del menú molt fàcil L'usuari té el control de la navegació en tot moment, i en la majoria dels casos hem d'utilitzar les preferències de la nostra interfície, programari o navegador. És important que els usuaris tinguin diverses opcions de navegació, per adaptar-se a les diferents capacitats o hàbits dels usuaris, capacitats físiques, entorns d'ús.
En el cas de Q Marketing Digital, per exemple, la possibilitat de navegar pel menú principal o desplaçar-se cap avall, fins i tot des d'hiperenllaços.
Contractació i instal·lació
Instal·lació de WordPress: El CDMon Hosting en la modalitat contractada ens permet instal·lar el CMS amb un sol clic i la seva configuració simplificada, per això l'hem instal·lat al mateix hosting.
Producció Web
- Creació lloc web
- Seguretat
- SEO
- Configuració Google Analytics
54 CSS addicional per personalitzar el tema: Amaga el títol i la descripció de tot el lloc web. Crearem la pàgina d'inici, que serà una pàgina molt llarga on haurem col·locat les diferents seccions, que es poden seleccionar des del menú principal i també desplaçant-se verticalment. La creació d'una pàgina d'inici i una pàgina de bloc és obligatòria a WordPress, en el nostre cas hem creat la pàgina del blog però no li donarem nom i per tant no apareixerà al menú de navegació.
En el cas de Google, un lloc que no en té és marcat pel cercador com a lloc "perillós", provocant desconfiança en l'usuari. Ens registrem a Google Search Console amb un compte de Google i seguim els passos indicats per comprovar la propietat i la posterior indexació del lloc web al cercador de Google. Quan instal·lem el connector, haurem d'anar de nou a la consola de cerca, introduir el codi de verificació de Google i fer clic a confirmar i el configurarem.
Quan establim una frase de paraula clau d'enfocament per a una pàgina amb Yoast SEO a WordPress, el connector o l'aplicació avaluarà el contingut de la pàgina i ens donarà comentaris sobre com millorar-lo per augmentar les nostres possibilitats de classificar-nos millor durant el termini de la seva investigació. Un slug de pàgina és una manera d'identificar una pàgina i dir a l'usuari que se'ls dirigeix a un contingut específic. Una metadescripció és una etiqueta HTML que s'utilitza per descriure el contingut d'una pàgina web.
Aquesta descripció apareixerà sota el títol de la pàgina i l'URL tal com apareix als resultats del motor de cerca. Google Search Console havíem de comprovar la propietat i l'índex al cercador de Google, per a això hem instal·lat el conjunt de connectors de llocs web de Google. Ens proporciona informació classificada segons els interessos dels usuaris que cerquen en tres àmbits relacionats amb el funcionament del lloc web: informació de màrqueting, informació executiva i informació específica per a administradors web.
Fase d’Implementació
Publicació
SEM: Google Ads
Fase d’Avaluació
Analisi Heurístic
Test d’Usabilitat amb usuaris
- Objectius del Test
- Identificació i descripció del perfil sociodemogràfic
- Screening 1
- Questionari pre-test
- Test d’usabilitat, document conformitat
- Test d’usabilitat, qüestionari
- Qüestionari post-test
- Carta d’Autorització
- Informe de conclusions
Conclusions i línies de futur
Conclusions
La tesi final va ser tot un repte per a mi, he volgut resumir en un document bona part dels coneixements i habilitats adquirits durant la formació i d'altres que crec que seran necessaris per créixer professionalment, com el camp de CMS Wordpress, SEO. , com funciona l'allotjament, dominis, Analytics i anuncis de màrqueting en línia. La dimensió d'un projecte digital complet és molt més gran del que es pot imaginar inicialment, per això les agències multimèdia disposen de diversos especialistes a temps complet en cadascun dels departaments necessaris. Per a mi, el més important va ser que tota l'organització fes la feina del responsable del projecte i desenvolupés totes les fases segons el calendari acordat, que es va complir.
Vaig haver de dedicar molt de temps a planificar i dissenyar la imatge corporativa, l'arquitectura de la informació i l'estructura bàsica del lloc web i també vaig dedicar molt de temps a la part d'usabilitat, amb User Tests. M'hauria agradat completar l'anàlisi heurístic, però podria haver-ho deixat indicat per a la seva continuació més endavant. Com que vull un acabat més professional de l'obra, hauré d'actualitzar i editar molts vídeos i continguts que em portaran moltes hores, que no necessito per completar el projecte.
Per manca de temps, vaig deixar de crear comptes a les xarxes socials i connectar-me amb les personals. Aquest és un altre tema a desenvolupar i això també donarà lloc a publicacions a les xarxes socials.
Línies de futur
Ho vaig resoldre connectant-me a una cartera d'Adobe on ja tenia obres publicades https://joseluisdelgado.myportfolio.com.
Planificació del projecte
Pressupost
Tipologia d’usuaris
Screening 1
Qüestionari pre test
Qüestionari test d’usabilitat
Qüestionari post test
Informe de conclusions
