The Non Dummies
Contexto del Proyecto
Gary Radtke, economista estadounidense, necesitaba un sitio web centrado en un blog donde pudiera compartir contenido sobre economía y liderazgo de una manera más cercana y efectiva. Su objetivo era construir una plataforma que reflejara su personalidad y facilitara la publicación de artículos, alejándose de la estética tradicional de los blogs financieros para ofrecer una experiencia moderna, dinámica y atractiva.
Diseñar y desarrollar un blog moderno que mejorara la experiencia de lectura, fortaleciera la marca personal de Gary y facilitara la publicación constante de contenido sobre economía y liderazgo.
Los blogs del sector suelen sentirse rígidos, sobrecargados y poco atractivos para audiencias digitales. Gary necesitaba una plataforma que transmitiera credibilidad sin perder cercanía, incentivando a los usuarios a explorar y consumir contenido de forma natural.
Creamos una experiencia editorial moderna basada en UX, comenzando con la investigación, la arquitectura de la información y el prototipado en Figma, para luego desarrollar el sitio en WordPress con un CMS intuitivo que permitiera gestionar y publicar contenido de manera sencilla.
Testimoniales
.webp)
"El equipo entendió exactamente la visión que tenía para mi blog. El resultado es moderno, fácil de gestionar y representa mucho mejor cómo quiero comunicar mis ideas."
"El equipo entendió exactamente la visión que tenía para mi blog. El resultado es moderno, fácil de gestionar y representa mucho mejor cómo quiero comunicar mis ideas."
Proceso de Diseño y Desarrollo
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
.png)
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
.png)
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
.png)
Implementación de CMS(WordPress–Elementor / Shopify / Webflow)
Configuración del CMS
Optimización Responsiva
Mejoras SEO (contenido e imágenes optimizados)
Pruebas Finales y Control de Calidad (QA)
Despliegue Final del Proyecto
Proceso de Diseño
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
Color Palette
Typography
Brand Identity
User Persona
Logo
Lo-Fi Wireframes
Diseño Previo
La Experiencia Renovada
El diseño se desarrolló con una estética editorial moderna que rompe con la imagen tradicional de los blogs sobre economía. Apostamos por una paleta de colores vibrante para aportar energía y personalidad, combinada con una interfaz limpia que mantiene el contenido como protagonista. Como elemento distintivo, incorporamos doodles e ilustraciones de trazo libre que aportan un carácter más divertido y cercano, logrando que temas complejos se sientan más accesibles sin perder credibilidad.
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
The Mobile Revamped Experience
El proyecto se enfocó en transformar un blog tradicional en una plataforma editorial más atractiva, priorizando la lectura, la navegación y la facilidad de gestión del contenido.
Experiencia editorial moderna
Diseñamos una interfaz inspirada en revistas digitales para hacer que los artículos fueran más atractivos y fáciles de consumir.
UX centrado en la lectura
Optimizamos la jerarquía visual, la tipografía y los espacios para mejorar la legibilidad de contenidos extensos.
CMS intuitivo
Desarrollamos el sitio en WordPress para que Gary pudiera publicar y administrar contenido sin depender de soporte técnico.
Marca personal fortalecida
Creamos una identidad visual contemporánea que comunica profesionalismo sin perder cercanía.
Creando una experiencia digital intuitiva y eficiente
Proceso de Diseño
El proceso comenzó definiendo la estructura del contenido y los recorridos principales del usuario. Luego desarrollamos wireframes y prototipos de alta fidelidad en Figma para validar la experiencia antes de llevar el diseño a WordPress. Finalmente implementamos un CMS optimizado para la publicación frecuente de artículos.
User Flows
Llegada desde búsqueda o redes sociales. Lectura del artículo. Descubrimiento de contenido relacionado. Exploración de categorías. Retención mediante navegación continua entre publicaciones.
Diseño Visual
La identidad visual combina una estética editorial contemporánea con una interfaz limpia y dinámica. Se priorizaron amplios espacios en blanco, tipografía expresiva y una jerarquía visual clara para hacer que temas complejos como economía y liderazgo resultaran más accesibles.
Conclusión
El proyecto permitió convertir la visión de Gary en una plataforma preparada para compartir conocimiento de forma consistente. La combinación de UX, prototipado y desarrollo en WordPress dio como resultado un blog moderno que equilibra credibilidad, personalidad y una excelente experiencia de lectura.