2. Índice
WordPress
• Web Soluzionasesores
• Web Impactonatura
• Web Ecocasa
• Esculturas de papel de Jorge Faúndez
• Escuela de fútbol Zona Norte
• Clínica dental Conde Duque
• Clínica dental Villaverde Alto
• MARÍA BELÉN MATEOS GALÁN
• Lukas Reig, escritor y fotógrafo
• Óscar París, fotoperiodista
• trespies arte y publicidad
• Agencia para tigres
• Mi web personal
Prestashop
• Tienda online de Pelucas Cabello R
• Tu tienda de vino
Varios
• Web corporativa Grupo Yllera
• Grupo Perseus
• Later 2002
• Total Factory
• Eduardo Momeñe
• Carlos Cid
• Radiadores Conde
• MyPhotoFun
Flash
•Alfonso Brezmes
•trespies original website
•Premium Comunicación
•iComunicación
•Rosalía
•Microsite l’UNIS
•Ecorevelado
•Oposiciona
•UASV
•FPC
•Truyol
CD-Rom multimedia
•Propuesta de negocio para el Real Madrid
•Campaña de comunicación SIMA ’06
Realización Audiovisual
•Mi canal YouTube
Diseño gráfico
•Prensa y revistas
•Maquetación
•Logotipos
•Tarjetería y papelería
Fotografía
6. Diseño y desarrollo web Soluzionasesores.com
Showcase diseño y desarrollo de web 100% de éxito en consecución de Objetivos: http
://soluzionasesores.com
Objetivos previos:
En este caso, el cliente no quería la web –ni todavía la quiere, lo considera prematuro– para su difusión
general (de aquí que, por poner un ejemplo, carezca incluso de blog), si no para mejorar su imagen
corporativa y –fundamental– captar tres clientes de alto interés con los que había iniciado
negociaciones… Su propósito era apoyar su exposición de oferta de servicios económico-financieros
siguiendo el hilo de la web.
Desde el principio trabajamos en estrecha coordinación.
1. Trabajamos conjuntamente el nuevo nombre de la empresa, y nos propusimos que sirviera a la vez,
sin variación alguna, como nombre de dominio útil para el futuro posicionamiento.
2. Diseñé el logotipo de la asesoría.
3. Tras el procedente estudio de mercado y sitios webs de su competencia, preseleccioné 5 plantillas
WordPress para decidir la definitiva: ambos coincidimos en que la que más nos convencía era la actual.
4. Diseñamos cuidadosa y meticulosamente el Menú de navegación. Decidí añadirle iconos bonitos y
apropiados no sólo por estética: más por incrementar la usabilidad del sitio, pues está psicológicamente
demostrado que el impacto visual de un icono llega al cerebro mucho antes que la lectura del texto
correspondiente. De este modo, los usuarios de retorno (es decir, los más importantes) acuden a la
sección correspondiente de manera inmediata: a golpe de vista.
5. Le prestamos asimismo una cuidadosa dedicación al Slider de la Home: el cliente decidió las 3
páginas cuya visita más le interesaba por parte de los usuarios, y partiendo de esta base compusimos
los claims (textos de reclamo) animados. A ellos les añadí imágenes hermosas y adecuadas,
expresamente adaptadas y retocadas para el Slider.
Continúa en la diapositiva siguiente…
7. 6. Los textos de las páginas: Inicialmente, el cliente comenzó a entregarme unos textos deshilvanados y (cielos!) compuestos
de retazos entresacados mediante el copia-y-pega de otras webs. Le insistí en la importancia de unos textos de calidad, claros,
bien estructurados, impecablemente redactados y sin una sola errata. Comprendió perfectamente este requisito, y nos
pusimos manos a la obra: Él preparaba las bases de cada contenido, yo los ordenaba, estructuraba y mejoraba –con su ayuda y
coordinación, obviamente–, así como les aplicaba la corrección sistemática de estilo y ortográfica (no en vano –modestia
aparte– llevo escribiendo desde niño, y he elaborado centenares de proyectos, presentaciones, guiones audiovisuales, textos
para internet, literatura de ensayo, narrativa, etc.). El resultado queda a disposición de cualquier usuario que se anime a
proceder a su lectura.
7. Imágenes: Preseleccioné centenares de imágenes, y después, al hilo de los textos, procedí a elegir las más adecuadas –
siempre, insisto, con la aprobación del cliente, quien no dudaba en echar para atrás aquellas imágenes que no le convencían–
para cada caso. No me limité, por otra parte, a imágenes de cabecera en las páginas: es un hecho comprobado que, en
internet, las parrafadas muy extensas sin imagen alguna tienden a ser abandonadas, mientras que la colocación estratégica de
imágenes atractivas –y por supuesto relacionadas con el texto– incrementan notablemente el estímulo a proseguir la lectura,
pues permiten un placentero respiro en forma de recreo visual.
Continúa en la diapositiva siguiente…
8. 8. Otro recurso que decidí utilizar fue el de insertar en el inicio de cada página un recuadro destacado con una síntesis del
contenido más relevante, estableciendo de este modo dos planos de lectura: una primera lectura rápida, suficiente para muchos
usuarios, y sugerente para otros; y otra lectura más amplia y profunda para todo aquel que desee profundizar en cada tema.
9. Redes sociales: el cliente carecía de presencia en redes sociales. Le instruí y ayudé a crear una primera base de presentación en
las principales redes sociales (que por falta de tiempo y medios no ha proseguido desarrollando: antes de lanzarse como un
poseso a echar burradas de horas en esta tarea, así como en abrir, mantener y actualizar un blog de calidad, hay que asegurar la
infraestructura material: recursos económicos, humanos y materiales). Esto me parecía fundamental por cuestión de imagen de
empresa y de marca: que aparecieran los iconos de las redes básicas y (obvia e imprescindiblemente) sus enlaces condujeran a
páginas reales en dichas redes.
10. También, como recurso simpático y sumamente instructivo, introduje al final de casi todas las páginas lo siguiente: 2 columnas
en paralelo con un listado muy breve y conciso con, respectivamente, (a) los perjuicios del trabajo correspondiente a la página en
cuestión mal hecho, y (b) y los beneficios de este mismo trabajo realizado de una manera óptima. Además, acompañé cada listado
con imágenes graciosas y/o impactantes, a más de ilustrativas.
11. Por lo demás, y por no extenderme demasiado, todos los aspectos UX y UI fueron meticulosamente planificados: sticky
menu, widgets y/o banners de la barra lateral, contenidos del footer o pie de página, acceso al área privada de clientes, etc.
Una vez terminada la web, el tiempo que tardó mi cliente en captar a sus tres prospectos de clientes no llegó a 2 meses. Además,
tuvo a bien hacerme saber que la directora del cliente captado más importante para sus intereses, cuya empresa era a su vez la
más grande de las tres, le había elogiado encarecidamente nuestra web.
VISITAR WEB
13. Escuela de fútbol Zona Norte
Aquí mi trabajo consistía en desarrollar un
Menú Principal con un slider (o banner
rotativo) bajo dicho menú…
Claro, ello implicaba elegir y aplicar un
theme o plantilla WordPress.
El resto es cosa del cliente, incluida la
cabecera tan chula.
14. Clínica dental Conde Duque
Nota: Desarrollos posteriores NO los he hecho yo, que ya no llevo la web
15. Clínica dental Villaverde Alto
Nota: Desarrollos posteriores NO los he hecho yo, que ya no llevo la web
21. Mi web personal
Bienvenid@ a mi web
Contenidos Profesionales y Culturales de
interés
Profesional: UX | UI, venta online, diseño
web, realización audiovisual, diseño
gráfico…
Cultural: Arte, publicidad, literatura,
gráfica y fotografía
Un blog multisectorial y multifuncional: sirve
para aprendizaje, deleite estético, y
muestrario de actividades. Está claramente
organizado por áreas y secciones,
identificadas visualmente por iconos
rápidamente reconocibles para mejorar la
usabilidad.
En el último informe de https://bankiaindicex.com ha
obtenido un 7,2 de SEO on page, sólo que tardará
en mostrarse en Google porque el repaso a fondo con el
Yoast SEO es muy reciente.
22.
23. Tienda online de Pelucas Cabello R
Tienda online con versiones española e inglesa , para la venta online en España y el
resto de Europa. En función del idioma del navegador carga una u otra versión.
Funciones desempeñadas por mí, en estrecha coordinación con el cliente:
Diseño del proyecto
1.Estudio de mercado de las tiendas de pelucas existentes
2.Diseño UX: Categorización, estructura de navegación y distribución de los
elementos, usabilidad (con estricta aplicación de la “ley del mínimo click”),
amigabilidad, ficionalidades, etc.
3.Diseño estético conforme a la gama corporativa de la tienda.
Desarrollo
1.Ejecución de los puntos descritos en el Diseño
2.Instalación, optimización y distribución de módulos
3.Personalizaciones mediante códigos de programación originales
4.Miles de textos optimizados, tanto en inglés como en español
5.Gráfica ad hoc
6.Curso con tutoriales y gráficos recordatorios al personal de la empresa
encargado de gestionar la tienda
7.Puesta en marcha
8.En suma, la tienda es altamente usable, y contiene miles de implementaciones
únicas en el mundo a todos los niveles: personalizaciones de código, de textos,
diseño de imágenes exprofeso para la tienda…
9.Los hooks o lugares de anclaje de los diferentes módulos están estudiados al
dedillo, según el lugar donde se encuentre el usuario.
25. VARIOS:
Estructura contenedora Php o Html con
integración de múltiples Lenguajes y
Recursos de programación:
Css3, jQuery, jQuery Mobile, MooTools,
Flash, versiones alternativas RWD
(Responsive Web Design), etc.