Desarrollo web de un portafolio para un programador profesional

Portafolio de desarrollo web

Desarrollo web de un portafolio profesional para un programador web con una imagen gráfica potente capaz de mostrar algunos de los proyectos realizados.

Visitar proyecto ¿Quieres saber más?

Un portafolio de desarrollo web - Portafolio de desarrollo web

Contexto

¿Cómo abordé el proyecto?

El planteamiento inicial es el de modernizar el portafolio anterior que ya había cubierto sobradamente el propósito para el que fue desarrollado.

Resultado clave: Thevelop.com comenzó a estar online en 2014 y la versión anterior había cumplido con creces su propósito, es por ello y por el estado tecnológico de los servicios y alcance de los mismos que se dedició mejorar aún más la imagen, pues la anterior se había desalineado con el propósito principal del proyecto.

Investigación y estudio

Estudio de los proyectos similares a nivel europeo a nivel diseño. Estudio a nivel técnico de las mejores técnicas de desarrollo en aquel momento.

Diseño centrado en el proyecto

Lacasagroga.net me ayudó con el nuevo diseño para conseguir un portafolio de programador web potente.

Desarrollo interactivo

Se utilizaron animaciones en la practica totalidad de secciones de la página, estando estas relacionadas con el bloque a mostrar en todo momento.

Optimización post-lanzamiento

En este caso tras el lanzamiento implementé unas mejoras en cuanto a Web Core Vitals, performace, WPO o para el resto de mortales, velocidad de carga. Una optimización que no se puede implementar en local.

Proceso

Nuestro workflow

Definición

Reunión inicial con el diseñador web para plantear una imagen potente.

Diseño web

Prototipado de alta fidelidad y propuestas de diseño web que se facilitarón en una fase previa a comenzar a programar.

Desarrollo web

Código limpio, escalable, optimizado para un rendimiento óptimo en un hosting compartido dentro de las posibilidades ya que al tratarse de una plantilla profesional existen condicionantes severos.

Lanzamiento

Despliegue, monitorización y optimización post-lanzamiento en cuanto a performance y WPO.

Iteración

Mejora continua basada en nuevas solicitudes en una segunda fase.

Tecnologías

Stack técnico

Utilicé como base una plantilla profesional cuya imagen y funciones me facilitaban la arrancada del proyecto, en base a ella desarrollé un theme Child idóneo para las necesidades.

Wordpress, Html y CSS artesano
PHP y Javascript en el backend
Mysql y caché de objetos
Hosting compartido de Linux

≈ 90 Rendimiento WPO según lighthouse en desktop unos años después de su lanzamiento

Wordpress Semántica CSS Linux Javascript PHP

FAQ

Preguntas frecuentes

¿Qué stack tecnológico se usó?

Wordpress, una plantilla profesional de themeforest y un theme child desarrollado por mi.

¿Cómo se asegura la velocidad de carga?

Implementamos lazy loading, CDN y caché agresiva de assets, logrando un rendimiento superior

¿Qué mantenimiento se ha realizado?

He realizado el mantenimiento web de todas las actualizaciones desde el momento de su lanzamiento hasta la fecha actual.