¿cómo abordar proyectos wordpress de manera ágil?€¦ · •wireframe & mockups design...
TRANSCRIPT
![Page 1: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/1.jpg)
¿Cómo abordar proyectos
WordPress de manera ágil?
![Page 2: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/2.jpg)
¿Cómo Abordar proyectos
Wordpress de manera ágil?
![Page 3: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/3.jpg)
Brief
• Proyect Definition
• Target Audience
• Goals
• Technical Specs
• Content Inventory
• Resources
• Proyect Timeline
• Project Budget
Planning
• Research & Concepts
• Brainstorming
• Information Arquitecture
• Page Layout
• Usability
• Wireframe & Mockups
Design
• Color Scheme
• Logo
• Artwork
• Visual Elements
• Typography
• Rich Media
• User Experience
• Cross-DeviceCompatibylity
• Prototype Templates
Development
• Accessibility & Web Standards
• Framework
• Database
• Functionality
• Content
• Site Performance
• Security
• Markup
Launch
• Testing
• Live Server
• Quality Assurance
• Web Analytics
• Deliverables
• Training & Documentation
Maintenance
• Support & Troubleshooting
• A/B Testing
• Design Updates
• Functionality Updates
• Content Updates
Web Design Processnewdesigngroup.ca
![Page 4: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/4.jpg)
Brief
•Proyect Definition
•Target Audience
•Goals
•Technical Specs
•Content Inventory
•Resources
•Proyect Timeline
•Project Budget
Planning
•Research & Concepts
•Brainstorming
• Information Arquitecture
•Page Layout
•Usability
•Wireframe & Mockups
Design
•Color Scheme
•Logo
•Artwork
•Visual Elements
•Typography
•Rich Media
•User Experience
•Cross-Device Compatibylity
•Prototype Templates
Focus Brief, Planning and Design
![Page 5: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/5.jpg)
![Page 6: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/6.jpg)
Proyect Definition
Target Audience
Goals
Technical Specs
Content Inventory
Resources
Proyect Timeline
Brief
![Page 7: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/7.jpg)
¿Qué puede salir mal?
• Inventario de Contenido
o Imágenes
o Videos
o Texto
• Acuerdos de servicios con terceros
• Acuerdos bancarios
![Page 8: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/8.jpg)
Formato de Brief (Excel)
![Page 9: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/9.jpg)
Planning
Research & Concepts
Brainstorming
Information Arquitecture
Page Layout
Usability
Wireframe & Mockups
![Page 10: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/10.jpg)
Mapa Mental (Xmind)
![Page 11: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/11.jpg)
Design
Color Scheme
Logo
Artwork
Visual Elements
Typography
Rich Media
User Experience
![Page 12: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/12.jpg)
Recomendaciones Diseño
• Mockups de las secciones del Sitio
• Efectos visuales.
• Paleta de Colores
• Experiencia de Usuario
![Page 13: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/13.jpg)
Muchas Gracias
![Page 14: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User](https://reader035.vdocuments.us/reader035/viewer/2022071420/611971c68508447df422c793/html5/thumbnails/14.jpg)
Diseño Web / Comunicación Digital
Redes Sociales: @alejandroramosy