Mi proceso de diseño y desarrollo en un proyecto web comienza con una comprensión clara de los requisitos del proyecto y la investigación de cualquier tecnología o herramienta relevante. Luego, creo una estructura básica y un prototipo de baja fidelidad antes de implementar la funcionalidad completa y asegurarme de que el sitio sea accesible y compatible con diferentes dispositivos.
1.La elección de un buen servidor
La primera etapa de cualquier desarrollo web es ayudar al cliente a elegir una empresa de alojamiento. Estar atento a este detalle es muy importante. El funcionamiento de todos los módulos PHP (el núcleo de WordPress), la velocidad de respuesta y el SEO dependen directamente de un servidor bien configurado.
2.Instalación y configuración del WordPress
El CMS (WordPress) es la plataforma que permite que, entre otras cosas, una pagina web sea gestionada por el propio cliente. Su instalación depende mucho de cómo el servidor elegido esté configurado y actualizado, tanto en niveles de seguridad cuanto de herramientas disponibles.
3.Wireframes, diagramas y prototipos
El “wireframe” es un borrador del diseño de la página web solicitada por el cliente, con cierto grado de precisión sobre el contenido y la estructura gráfica de la misma sin llegar a la etapa final del diseño.
El desconocimiento de esta poderosa etapa de la creación hace con que el wireframe sea olvidado en la gran mayoría de los proyectos de Internet. Además del substancial ahorro de tiempo, cliente y diseñador pueden hacer un análisis más profundo de lo que realmente es necesario en el producto final.
4.Diseño UI & UX
El proyecto de la creación del diseño de una página web corporativa es más complicado de lo que puede parecer. Esta es la fase que se llevan en cuenta muchos detalles, sean técnicos, estéticos o de postura de mercado.
Es la hora de elecciones importantes: tipos de letras, colores de la identidad visual del cliente, conceptos de orden de marketing, como será presentada la navegabilidad y la experiencia del usuario.
El cliente hace parte de todas las etapas del proceso, hasta la aprobación final de la propuesta de diseño, permitiendo que los probables cambios y ajustes de hasta los más mínimos detalles sean hechos de manera menos costosa posible. El proyecto final estará montado en capas en Adobe XD. Esta es la etapa de posibles cambios en el diseño para que luego convirtamos el diseño (.PSD, .XD) en una plantilla WordPress personalizada.
5.Codificación personalizada
Cada plantilla (tema/template) de WordPress, para cada cliente, está hecha desde cero sobre el framework (marco de trabajo) Penkode. Este framework propietario posee todas las especificaciones modernas de HTML 5 y CSS3.
También proporciona el uso de Font Awesome Icons, AOS CSS Animations, Bootstrap 2.0 y otras funcionalidades. Trabajamos con SAAS para compilar una hoja de estilo CSS final limpia y actual.
6.Apoyo y entrenamiento al cliente
Aunque las plataformas de CMS sean bastante intuitivas, lo que permite que los usuarios tengan mucha facilidad en usar y gestionar esta tecnología, el apoyo inicial es fundamental para que los clientes puedan apoderarse de las herramientas.
Superar la constante dependencia externa para el mantenimiento de su página web es también una etapa muy importante del proceso. Es fundamental que el cliente entienda y sepa adaptarse de manera autónoma y cómoda al uso de cualquier herramienta y disfrute de la tecnologías de la información que esté comprando.