¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color...

14
¿Cómo abordar proyectos WordPress de manera ágil?

Transcript of ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color...

Page 1: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User

¿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

¿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

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

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
Page 6: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User

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

¿Qué puede salir mal?

• Inventario de Contenido

o Imágenes

o Videos

o Texto

• Acuerdos de servicios con terceros

• Acuerdos bancarios

Page 9: ¿Cómo abordar proyectos WordPress de manera ágil?€¦ · •Wireframe & Mockups Design •Color Scheme •Logo •Artwork •Visual Elements •Typography •Rich Media •User

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

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

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

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

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

Diseño Web / Comunicación Digital

[email protected]

Redes Sociales: @alejandroramosy