Magistrae.com, enseñanza a medida

web-design-elearning-christian-hell-01

Magistrae es una plataforma de enseñanza en línea diferenciadora del sector ya que ofrece la asistencia personalizada a sus alumnos durante sus cursos de formación. Acreditada por el Ministerio de Educación, principales universidades y empresas Magistrae ofrece un catálogo de más de 100 cursos.

El desarrollo para Magistrae incluye el desarrollo de la identidad corporativa (marca o logotipo), la creación de una web (de diseño responsive) desarrollada en Joomla, la creación de un tema para la plataforma de eLearning Moodle y papelería corporativa.

El desarrollo conjunto de la identidad de Magistrae procura transmitir conocimiento, claridad y cuidado técnico, no solo en su aspecto estético, más importante todavía en los funcionales, que son la experiencia y recuerdo que los usuarios de la plataforma tendrán.

Puede contactar con Magistrae visite su web: www.magistrae.com

Webnovias.com. Red social para casamientos

webnovias-diseno-website-design-minorplus-christian-hell-valencia-01

Ediciones ADG solicita la creación de una nueva Red Social enfocada a las novias. El desarrollo realizado involucra desde el análisis de alcance de la red social, así como sus futuras áreas de crecimiento. Posteriormente el diseño de la plataforma incluyendo en el proceso las características sociales requeridas para luego codificar en php + css los diseños creados de forma que respeten el diseño. Por último asistencia a los programadores en la implementación a Typo3 de los contenidos y cuidando la inserción de espacios para tags de SEO.

Video recorrido por la red social

Webnovias es el ambicioso proyecto de Publicaciones ADG (editores de las revistas Novias de España y Novias de Portugal) de crear una red social exclusiva para novias. En la plataforma las usuarias y sus amigas pueden compartir información y sugerencias de una gran selección de vestidos de novia, salones de eventos, viajes de luna de miel, consejos de peluquería, maquillaje y todas las opciones disponibles para crear el festejo de boda.

El desarrollo realizado para la red social webnovias.com incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información sobre webnovias.com visite www.webnovias.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Diseño revistas del Grupo Editorial EDITEC

El Grupo Editorial Editec, solicita el diseño de una maqueta de revista capaz de ser aplicado a sus tres publicaciones con varias décadas en el mercado: Transporte 3, Viajeros y Canal Ferretero. El proceso de rediseño es la culminación de una extensa labor de revisión e investigación por parte de la editorial. Estos resultados se plasman en una nueva diagramación y enfoque de los contenidos y son los fundamentos de requerimiento al bordar el nuevo diseño. Debido a la complejidad del desarrollo a abordar se decide dividirlo en cinco fases bien demarcadas: Investigación, diseño, composición, verificación y adaptación a las revistas restantes.

El proyecto comienza en su primer fase con una investigación combinada de empresas relacionadas a nivel español e internacional y de los sectores representados, buscando por un lado diferenciar la propuesta de diseño y por otro enfatizar los valores buscados. Como resultado se resuelve la creación de una publicación de ritmo ágil y fundamentalmente visual, de estética depurada y técnica para facilitar la inmediata identificación de contenidos “una carretera para la información”. Fundamentalmente se requiere un diseño que englobe todo lo anterior añadiendo de carácter personal que identifique y destaque las revistas sobre otras.

Combinando todo el conocimiento acumulado se diseña una propuesta de revista, la cual, luego de un trabajo colaborativo de ajuste se convierte en la actual maqueta de las revistas. Los aspectos destacados del diseño son: re-diseño de la identidad (marca o logotipo) de la revista Transporte 3; diseño de portadas minimalista donde mucho contenido puede ser presentado de forma limpia y sin eclipsarse; un índice visual de contenidos presentados en doble página “la gran antesala”; tablas, diagramas y gráficos de gran claridad y rápida edición a la hora de maquetar las revistas; acuerdo en el empleo de imágenes para desmarcar contenidos; personalización de varios elementos editoriales requeridos en la publicación.

Evolución de portadas

Pasada una exhaustiva etapa de prueba del diseño comienza la fase tercera de composición de una maqueta digital para la revista. La editorial tenía una larga trayectoria de edición en Quark Xpress, pero el creciente empleo del formato PDF (tanto en imprenta como on-line) empuja al cambio de tecnologías que incluyan este formato de forma nativa. Por ello se decide luego de varias pruebas el uso de InDesign para la creación de la maqueta digital de la revista. Se programa en esta plataforma una serie de archivos (incluyendo estilos, grilla, tipografía, diagramas, cuadros y ejemplos de diagramación) que componen la maqueta digital de la revista implementando y amplificando el diseño aprobado.

La fase cuarta de verificación se realiza durante la edición de la primer revista Transporte 3 con el nuevo diseño. El proceso multidisciplinario de edición, redacción, selección de imágenes, diagramación, estructuración son revisados con todo el equipo del Grupo Editorial Editec en detalle para optimizar, adaptar o modificar los procesos previos dentro del nuevo concepto o adaptar el diseño a la realidad de necesidades del personal. Previamente a la impresión de la primer revista se han verificado con la imprenta el orden, estructuración y formatos que se enviarán; este trabajo se potencia durante el proceso de impresión del primer ejemplar de la nueva revista. Durante este proceso (y las 3 revistas subsiguientes) se revisan las maquetas digitales hasta conseguir una serie de archivos altamente personalizados y de rápido empleo por el equipo editorial y de imprenta.

A partir de la publicación de la primer revista Transporte 3 con el nuevo diseño, comienza la última fase, la adaptación de las restantes dos revistas, Viajeros y Canal Ferretero, al nuevo diseño. Se identifican particularidades que diferencian cada revista (tipografía, paleta de color y elementos visuales) y se diseñan diferentes alternativas para ambas revistas. Al igual que con la revista Transporte 3 se rediseña la marca de la revista Viajeros y se diseña completamente la identidad de Canal Ferretero. Una vez que la fase de verificación de Transporte 3 (publicación de 3 revistas con el nuevo diseño) se termina, se adaptan las maquetas digitales resultantes a los diseños de las revistas Viajeros y Canal Ferretero, obteniendo así la renovación completa de las publicaciones a la vez que encaminando a todos los profesionales involucrados: periodistas, editores, diseñadores e imprenta en la nueva oferta del Grupo Editorial Editec.

La revista Transporte 3 nace en 1977 y en 1995 se publica el primer número de la revista Viajeros, ambas destinadas a vehículos de transporte, de mercancías en el caso de Transporte 3 y de usuarios en el caso de Viajeros. Canal Ferretero nace en 2009 durante el proceso de rediseño de las revistas.

Para más información visite: www.editec.es / www.transporte3.com / www.revistaviajeros.com /  www.canalferretero.com

Floral Concept by EF

Floral Concept de Euroflor solicita el diseño de su sitio web enfocado en mostrar de forma atractiva su extensa oferta de productos. El sitio debe ser al mismo tiempo altamente visual y reconocible por los principales buscadores, lo cual se procura por una apropiada identificación meta de los contenidos y potenciando la identificación de los productos mostrados en las imágenes.

Floral Concept nace ante la necesidad de mostrar la Decoración floral con flores, plantas y hierbas artificiales de una forma natural. Tan natural como si las hubiésemos recogido personalmente del campo y las llevamos a nuestro hogar o lugar de trabajo. Inspirándose en la propia Naturaleza, procura ser una imitación de la misma pero con las ventajas de no serlo.

El desarrollo realizado para el sitio de Floral Concept incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información Floral Concept visite www.floralconcept.es
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Revista Atuc

Tras el exito del rediseño de las revistas Transporte 3 y Viajeros el grupo editorial Editec solicita el rediseño de la revista de Atuc (Asociación de empresas gestoras de los Transportes Urbanos Colectivos). La publicación de la revista Atuc se inicia en 1996 publicando trimestralmente. Atuc está integrada por las empresas de buses, metros y ferrocarriles, públicas y privadas, responsables del transporte colectivo urbano de las principales ciudades de ámbito estatal.

Se generó un template (plantilla) real y dinámica del diseño completo de la revista, con ejemplos ilustrados de todas las instancias generales e infinidad de particularidades de forma de optimizar la creación de las nuevas revistas con diseños completamente aprobados por la dirección de la editorial.

Revista Atuc en cifras (2012)
Tirada: 2.000 ejemplares · Periodicidad: 4 revistas/año · Formato: A4 (210 x 297 mm.) · Impresión: Offset · Encuadernación: Fresada.
Puede contactar con Atuc en su web: http://www.atuc.es

ASET Forum, Barcelona

ASET Forum, Barcelona solicita la creación de una web y foro vínculo de comunicación para alumnos alemanes que desean estudiar en España y al mismo tiempo un espacio interactivo para el equipo docente. El desarrollo realizado involucra desde el análisis de alcance de la plataforma, así como sus futuras áreas de crecimiento. Posteriormente el diseño de la plataforma incluyendo en el proceso las características sociales requeridas para luego codificar en php + css los diseños creados de forma que respeten el diseño. Por último asistencia a los programadores en la implementación a Typo3 de los contenidos y cuidando la inserción de espacios para tags de SEO.

ASET, Asociación Hispano Alemana de Enseñanza Técnica implementa en España el modelo 10+1 de enseñanza. ASET ofrece tanto a sus alumnos alemanes como españoles un entorno de aprendizaje de alto valore académico y exigencia. ASET dispone de dos institutos en España, uno en Madrid y otro en Barcelona.

El desarrollo realizado para el Hotel Royal Ramblas incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información sobre ASET Forum, Barcelona visite www. asetforum.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Hotel Royal Ramblas

El Hotel Royal Ramblas solicita la creación de una web que refleje la remodelación completa que el hotel realiza para ofrecer una oferta más exigente al turista. La nueva paleta de colores y decoración del hotel ha de quedar plasmada en una propuesta que a su vez sea estética, funcional y con enfoque en SEO. Conjunto se solicita la creación de campañas de banners online para promover el cambio que el hotel realiza. El resultado es un sitio de corte limpio, funcional y con un fuerte enfoque en SEO en el cual las imágenes e información sean los protagonistas. El desarrollo se realiza en php y con Typo3 como CMS.

El Hotel Royal Ramblas procura atraer a los turistas por medio de su enfoque alternativo para un hotel, no solo mostrando sus instalaciones y ofertas, además, aprovechando la privilegiada ubicación del hotel sobre la Rambla de Barcelona y a pasos de la plaza Cataluña, convirtiendo al hotel en el “kilómetro cero” de muchos recorridos por Barcelona y Cataluña para los visitantes.

El desarrollo realizado para el Hotel Royal Ramblas incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información sobre el Hotel Royal Ramblas visite www.royalramblashotel.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Blossom, International Kindergarten

 

La escuela infantil solicita la creación de su identidad visual, material promocional y sitio. El desarrollo de la identidad nace sobre la premisa “niños con manos en la masa” como metáfora de colaboración, experimentación y aprendizaje. De esta premisa y semantizando el significado del nombre de´la escuela “blossom” (florecer) nace la identidad. La selección de una paleta lúdica y llamativa es el punto de partida para confeccionar una campaña y material promocional de gran impacto. En internet

Blossom International Kindergartes es una escuela infantil (para niños de 4 meses a 6 años) fundado en Barcelona siguiendo la filosofía educativa Reggio Emilia donde el niño es guiado y motivado a ser el constructor de su propio aprendizaje, apoyado sobre principios didácticos, sociales y multilingües. Procurando transmitir desde la propia escuela estos valores se ha remodelado una casa cercana al Tibidabo en Barcelona, en un entorno rodeado de naturaleza y tranquilidad.

El desarrollo web realizado para Blossom, International Kindergarten incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información sobre Blossom, International Kindergarten visite www.blossom-kindergarten.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Consulegis, International Network of Law Firms

Consulegis solicita la creación de un sitio web y plataforma colaborativa para los abogados asociados internacionalmente al grupo. El desarrollo realizado involucra desde el análisis de alcance de la plataforma, así como sus futuras áreas de crecimiento. Posteriormente el diseño de la plataforma incluyendo en el proceso las características sociales requeridas para luego codificar en php + css los diseños creados de forma que respeten el diseño. Por último asistencia a los programadores en la implementación a Typo3 de los contenidos y cuidando la inserción de espacios para tags de SEO.

Consulegis es una red internacional de firmas legales. Los abogados de los bufetes pueden, por medio de la plataforma, mantener contacto con otros miembros asociados compartiendo documentación e información. Para los clientes, tanto las empresas o particulares, de un bufete parte de la red de Consulegis el sitio web es una herramienta de gran ayuda para encontrar asistencia legal en todo el mundo, ya que gracias a la alta interacción promovida en la plataforma los abogados pueden ofrecer su mejor servicio.

El desarrollo realizado para Consulegis incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información sobre Consulegis visite www.consulegis.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Axel Hotels

Axel Hotels solicita para su creciente cadena de hoteles la creación de un sitio web y plataforma de reservas online. El sitio debía ser de “alto impacto visual y lúdico” sumergiendo al usuario en la experiencia Axel, a su vez debe ser de rápida actualización, capacidad de crecimiento y multilingüe. Para ello se opta por desarrollar el sitio en un sistema de módulos flash y cuyo contenido se gestiona via el CMS Typo3.

Axel Hotels es una cadena de hoteles dirigida al público gay con hoteles en Barcelona, Buenos Aires, Berlin y Maspalomas. La cadena hotelera nace en Barcelona con una propuesta de estilo y el objetivo de ser el mejor hotel gay del mundo “un espacio libre y tolerante, donde la diversidad y el respeto son valorados”. El gran acogimiento de la oferta consolidó al Axel Hotel como un icono de Barcelona, comenzando de esta forma la creación de una cadena hotelera que ya dispone de 4 hoteles en varias ciudades.

El desarrollo realizado para Axel Hotels incluye:

  • Creación de módulos flash compatibles con Typo3
  • Creación de códigos actionscript compatibles con Typo3
  • Implementación de un sistema de SEO compatible con la plataforma

Para más información sobre Axel Hotels visite www.axelhotels.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Janina Lamberty, artista

Janina Lamberty es una artista alemana radicada en Barcelona y que actualmente crea sus obras tanto allí como en Düsseldorf. Sus obras de arte, basadas en el uso aleatorio de mikados confeccionados por la artista, buscan lo orgánico en lo espontáneo y la naturaleza en el respeto por el entorno al interactuar con su obra.

El sitio fué íntegramente desarrollado en tecnología flash y apoyado por una codificación que permitiera a los buscadores identificar las obras y textos presentadas en el mismo de forma de conseguir una experiencia envolvente para el usuario a la vez que racional para su apropiada aparición en los resultados de búsqueda.

Para más información Janina Lamberty visite www.janinalamberty.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Video de recorrido por el sitio

The Festival. Two weeks, One Europe

El desarrollo de la identidad de The Festival nace del requerimiento por parte del cliente de enfatizar el artículo “The” (él) como proclamación y énfasis “Festivales hay muchos, este es The! festival”. Para el desarrollo de la identidad se evaluaron varias propuestas siendo elegida finalmente la presentada dada la fuerza del gesto a su vez que la juventud y energía que transmite.

Desarrollo de marca, y estudio caligráfico, realizado para The festival, evento multicultural europeo presentado en 2007 ante el Alcalde de Berlín y en curso para la edición 2012 del mismo.

Para más información sobre The Festival visite www.thefestival.eu
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es

Hotel Barcelona Catedral

El Hotel Barcelona Catedral solicita la creación de una web de aspecto minimalista, funcional y con un fuerte enfoque en SEO. Para ello se desarrolla un sitio de aspecto limpio y respetando la estética del hotel. Todos los contenidos del sitio se revisan para potenciar al máximo su aparición en los resultados de búsqueda. Se desarrolla también un sistema de gestión de reservas para utilizar por el Hotel en Typo3.

El Hotel Barcelona Catedral está situado a metros de la Catedral de Barcelona. Construido para satisfacer una demanda del turismo exigente, ofreciendo una gran variedad de actividades para turistas, grupos, coaching o empresas. Valorado como excelente por el 93% de sus clientes, el hotel se diferencia por el meticuloso cuidado por los detalles y la creación de una atmósfera de calidez.

El desarrollo realizado para Consulegis incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, php y css compatibles con Typo3
  • Asistencia a programadores en la implementación al CMS

Para más información sobre el hotel Barcelona Catedral visite www.barcelonacatedral.com
Desarrollo realizado para Opus 5 Interaktive Medien Gmbh, Barcelona www.opus5.es


Ilustraciones

Comentario personal sobre la ilustración. No considero que la capacidad de ilustrar, más alla de transmitir visualmente un concepto a colaboradores o clientes, sea una cualidad necesaria para el diseñador. Es en pocas oportunidades en las cuales veo que el diseñador que emplea la ilustración consigue separarse de su personalidad y estilo para reflejar la necesidad de un cliente (por el contrario es frecuente que un cliente busque a un diseñador/ilustrador para impregnarse de su estética con propósitos comerciales).

Como profesional, cuando la solicitud de un cliente lo requiere, procuro que mi estilo personal desaparezca y busco como objetivo transmitir el mensaje buscado por el cliente en una ilustración de lenguaje visual que le caracterice o identifique a su audiencia. Adjunto debajo algunas ilustraciones que he disfrutado haciendo.

La Oreja de Van Gogh realiza un concurso para ilustrar una canción de su último álbum “perdida”. Nunca hubiera participado en este concurso pero lo hice ya que alguien muy allegado a mi es fan del grupo ¿y porqué no? … terminó siendo una experiencia grata e inesperada y debo decir que la banda, que en entrevistas televisivas parecía distante es en realidad gente sencilla y cercana. Al final me termina gustando La Oreja de Van Gogh, jaja!

Oriente Pasión y Danza

PhoenixRaks solicita la creación de una campaña gráfica apoyada por una micro-web para la celebración de una serie de espectáculos de danza oriental que se realizaron en España. La gráfica y caligrafía del evento fueron creados especialmente para el cliente. La gráfica, a pedido del cliente, es una composición onírica de “desierto, tela y fuego”, elementos empleados posteriormente en la escenografía.

La composición del anagrama “Oriente pasión y danza” está inspirada en las caligrafías fantásticas orientales, creada más como apoyo semántico visual, que con el objetivo de una lectura clara.

El desarrollo añade una microweb del evento detallando la información de los artistas y acompañado de video editados para el mismo. Por medio de la web es posible reservar entradas para los eventos que se realizan en España.

Porsche Boxster Election

El configurador en línea “Porsche Election” es una plataforma multimedia e íntegramente programada en Flash por medio de la cual los interesados en comprar vehículos Porsche Boxter y Boxter S pueden configurar todos los aspectos técnicos y estéticos del vehículo deseado.

Desde vistas generales en 360 hasta el acabado de cuero interior o selección de llantas especiales la plataforma analizaba los cambios mostrando al interesado el aspecto final del vehículo en la medida que lo configuraba. Finalmente el sistema presentaba el precio final del producto y sus planes de financiación, confeccionando una ficha técnica válida para presentar en cualquier concesionario.

El desarrollo realizado para Porsche Boxster Election incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Programación flash para posterior interacción con MySQL y PHP

Desarrollo realizado para AgenciaE www.agenciae.tv/

Irisbus IVECO

Irisbus IVECO solicitó en 2002 el diseño de su sitio web, con el objetivo explícito de crear para sus clientes un espacio altamente interactivo, intuitivo y formativo. Casi una década después del desarrollo el sitio mantiene su misma presencia ampliada gracias a la gran cantidad de información volcada al sitio y ajustes correspondientes a los tiempos actuales como la incorporación a las redes sociales.

Irisbus IVECO es una sociedad española dedicada a la fabricación y comercialización de vehículos para el transporte de viajeros. Pertenece al Grupo IVECO , uno de los mayores fabricantes de autobuses y autocares del mundo. Se ha apoyado la presencia del sitio con un fuerte posicionamiento a los términos “Irisbus España”, esta implementación de SEO se mantiene hasta el día de hoy dando al sitio la ubicación primera en los resultados de búsqueda de Google, Bing o Yahoo.

El desarrollo realizado para Consulegis incluye:

  • Diseño del sitio con foco en la implementación de SEO
  • Creación de códigos html, css y objetos Flash

Para más información Irisbus IVECO visite www.irisbusiveco.com
Desarrollo realizado para Editec www.editec.es

Video recorrido por el sitio de Irisbus IVECO