¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color...
Transcript of ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color...
¿Cómo abordar proyectos
WordPress de manera ágil?
¿Cómo Abordar proyectos
Wordpress de manera ágil?
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
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
Proyect Definition
Target Audience
Goals
Technical Specs
Content Inventory
Resources
Proyect Timeline
Brief
¿Qué puede salir mal?
• Inventario de Contenido
o Imágenes
o Videos
o Texto
• Acuerdos de servicios con terceros
• Acuerdos bancarios
Formato de Brief (Excel)
Planning
Research & Concepts
Brainstorming
Information Arquitecture
Page Layout
Usability
Wireframe & Mockups
Mapa Mental (Xmind)
Design
Color Scheme
Logo
Artwork
Visual Elements
Typography
Rich Media
User Experience
Recomendaciones Diseño
• Mockups de las secciones del Sitio
• Efectos visuales.
• Paleta de Colores
• Experiencia de Usuario
Muchas Gracias
Diseño Web / Comunicación Digital
Redes Sociales: @alejandroramosy