Presentación Profesional Ignacio Iglesias 04

56
Presentación Profesional Ignacio Iglesias Webmaster – Audiovisual – Gráfica – Fotografía http://ignacioiglesias.es

Transcript of Presentación Profesional Ignacio Iglesias 04

Page 1: Presentación Profesional Ignacio Iglesias 04

Presentación ProfesionalIgnacio Iglesias

Webmaster – Audiovisual – Gráfica – Fotografía

http://ignacioiglesias.es

Page 2: Presentación Profesional Ignacio Iglesias 04

ÍndiceWordPress• 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

Page 3: Presentación Profesional Ignacio Iglesias 04
Page 4: Presentación Profesional Ignacio Iglesias 04
Page 6: Presentación Profesional Ignacio Iglesias 04

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…

Page 7: Presentación Profesional Ignacio Iglesias 04

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…

Page 8: Presentación Profesional Ignacio Iglesias 04

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

Page 9: Presentación Profesional Ignacio Iglesias 04

Web ImpactonaturaVersiones española e inglesa con WPML y Lingotek

Page 11: Presentación Profesional Ignacio Iglesias 04

Destacar, en esta web, personalizaciones“a golpe de código” Php + Css, conforme aldeseo expreso del cliente.

Page 13: Presentación Profesional Ignacio Iglesias 04

Escuela de fútbol Zona NorteAquí 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.

Page 14: Presentación Profesional Ignacio Iglesias 04

Clínica dental Conde DuqueNota: Desarrollos posteriores NO los he hecho yo, que ya no llevo la web

Page 15: Presentación Profesional Ignacio Iglesias 04

Clínica dental Villaverde AltoNota: Desarrollos posteriores NO los he hecho yo, que ya no llevo la web

Page 17: Presentación Profesional Ignacio Iglesias 04

Lukas Reig, escritor y fotógrafoWeb en desarrollo, pendiente de tutorial a distancia vía TeamViewer para Autogestión

Page 18: Presentación Profesional Ignacio Iglesias 04

Óscar París, fotoperiodistaMaqueta para web posterior

Page 21: Presentación Profesional Ignacio Iglesias 04

Mi web personalBienvenid@ a mi webContenidos 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.

Page 22: Presentación Profesional Ignacio Iglesias 04
Page 23: Presentación Profesional Ignacio Iglesias 04

Tienda online de Pelucas Cabello RTienda 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 existentes2.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ño2.Instalación, optimización y distribución de módulos3.Personalizaciones mediante códigos de programación originales4.Miles de textos optimizados, tanto en inglés como en español5.Gráfica ad hoc6.Curso con tutoriales y gráficos recordatorios al personal de la empresa encargado de gestionar la tienda7.Puesta en marcha8.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.

Page 25: Presentación Profesional Ignacio Iglesias 04

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.

Page 26: Presentación Profesional Ignacio Iglesias 04

Web corporativa Grupo YlleraNOTA: Ya no está operativa

Page 31: Presentación Profesional Ignacio Iglesias 04

Carlos CidFotógrafo de arte

Page 32: Presentación Profesional Ignacio Iglesias 04

Radiadores CondeTaller de radiadores para coche

Page 33: Presentación Profesional Ignacio Iglesias 04

MyPhotoFunPortal de venta de álbumes digitales de fotos online

Page 34: Presentación Profesional Ignacio Iglesias 04

FLASH

Page 35: Presentación Profesional Ignacio Iglesias 04

Alfonso BrezmesFotógrafo de arte

Page 36: Presentación Profesional Ignacio Iglesias 04

trespies original websiteVersión RWD alternativa para móviles… Pero, por favor: véanse esta versión

Page 37: Presentación Profesional Ignacio Iglesias 04

Premium ComunicaciónAgencia de comunicación

Page 38: Presentación Profesional Ignacio Iglesias 04

iComunicaciónAgencia de comunicación

Page 40: Presentación Profesional Ignacio Iglesias 04

Microsite l’UNISConsorcio de inmobiliarias francesas

Page 41: Presentación Profesional Ignacio Iglesias 04

EcoreveladoRevelado ecológico y económico

Page 42: Presentación Profesional Ignacio Iglesias 04

OposicionaOposiciones a distancia

Page 43: Presentación Profesional Ignacio Iglesias 04

UASVUnidad Asistencial San Vicente

http://trespies.org/UASV

Page 44: Presentación Profesional Ignacio Iglesias 04

FPCFabricación de productos clínicos

Page 45: Presentación Profesional Ignacio Iglesias 04

TruyolImprenta digital. Maqueta

Page 46: Presentación Profesional Ignacio Iglesias 04

CD-Rom multimediacon autoejecutable para Mac y PC

Page 47: Presentación Profesional Ignacio Iglesias 04

Propuesta de negocio para el Real MadridPresentada por Truyol S.A. El Cd les encantó y contribuyó muy positivamente a la contratación.

Page 48: Presentación Profesional Ignacio Iglesias 04

Campaña de comunicación SIMA ’06

Page 49: Presentación Profesional Ignacio Iglesias 04

Realización Audiovisual

Page 50: Presentación Profesional Ignacio Iglesias 04

Mi canal YouTube

Page 51: Presentación Profesional Ignacio Iglesias 04

Diseño gráfico

Page 52: Presentación Profesional Ignacio Iglesias 04

Prensa y revistas

Page 53: Presentación Profesional Ignacio Iglesias 04

Maquetación

Page 54: Presentación Profesional Ignacio Iglesias 04

Logotipos

Page 55: Presentación Profesional Ignacio Iglesias 04

Tarjetería y papelería

Page 56: Presentación Profesional Ignacio Iglesias 04

FotografíaÁlbumes en Flickr: Creativa, Retrato, Paisaje y Naturaleza, Reportaje comercial, Bodegones de producto