|
||||||||
|
Cambia.pe
Cambia.pe es un portal dedicado a mostrar noticias y recopilar testimonios sobre el cambio climático. Este proyecto fue diseñado por Gisela González. La programación completa de la web estuvo a cargo de Mu Producciones. La web utiliza WordPress como administrador de contenidos, lo cual le permite a los administradores actualizar la información sin mayores conocimientos de programación. Este portal busca ser altamente interactivo, por lo que la gran mayoría de secciones están orientadas a eso. Algunas de las principales son:
- Bitácora de viaje
- Galería de fotos
- Galería de videos
- Galería de sonidos
- Archivo de documentos
- Área para que los usuarios suban sus historias
- Notas (artículos)
- Buscador
La web está desarrollada con PHP, HTML, Javascript, Jquery, Flash, Actionscript, MySQL y WordPress.
Perú A Travel
Perú A Travel es el portal de la Operadora Mayorista de Turismo del mismo nombre. Este proyecto incluyó el diseño en conjunto con Publio Santander, el desarrollo entero de la web, incluida la programación y las animaciones. La web cuenta con un administrador personalizado de información que permite al administrador actualizar la información sin mayores conocimientos de programación. Algunas de las secciones con las que cuenta la página son:
- Galería de programas turísticos
- Galería de fotos
- Formularios de reserva y contacto
- Áreas de congresos y eventos
- Mapas interactivos
- Banners personalizables
- Formularios de pago
- Galería de socios estratégicos (en construcción)
La web está desarrollada con PHP, HTML, Javascript, Jquery, Flash, Actionscript y MySQL. Actualmente se encuentra en las últimas etapas de desarrollo pero ya se encuentra activa y operativa en un 80%.
Jesuitas Perú
El portal de los Jesuitas en el Perú ofrece información de actualidad para la comunidad de Jesuitas. Este portal cuenta con un administrador personalizado desarrollado en PHP según requisitos del cliente, el cual permite actualizar las secciones principales de la web sin necesidad de conocimientos de programación. Algunas de las secciones más interesantes del portal son:
- Mapa interactivo de obras
- Galería de sonidos
- Galería de videos
- Galería de publicaciones
- Noticias
- Sistema de creación y administración de blogs
El sistema de blogs fue creado desde cero en PHP y MySQL. Permite a los visitantes de la web solicitar un usuario y contraseña, con el cual pueden crear y administrar blogs. Cuenta con tres plantillas, un sistema de comentarios y un sistema de archivo por fechas.
La web está desarrollada con PHP, HTML, Javascript, Flash, Actionscript y MySQL.
The Angel's Inn Perú Backpackers
Página oficial del hostal para mochileros The Angel's Inn Backpackers. Cuenta con un sistema de reservas para los clientes programado en PHP exclusivamente para Angel's Inn. Toda la información de reservas y contacto llega directamente a la administradora del hostal. Estas son las principales características de la web:
- Galería de fotos conecta a Picasa
- Reserva de habitaciones online
- Galería de cuartos
- Libro de visitas (comentarios)
- Formulario de contacto
El sistema de administración permite a la administradora del hostal actualizar los precios y fotos de las habitaciones, la galería de fotos y la información del hostal sin necesidad de conocimientos de programación.
Resultados: las reservas del hostal aumentaron en más de un 50% y actualmente la web es el principal medio de contacto para los huéspedes.
La web está desarrollada con PHP, HTML, Flash, Actionscript y MySQL.
Besame Perú
La página oficial de la marca de lencería colombiana Bésame para Perú. La web estaba diseñada para contar con un carrito de compras, catálogos de lencería, galería de videos, sistema de noticias y una comunidad que incluiría contactos por correo y foros. Lamentablemente, la web quedó inconclusa por problemas del cliente y actualmente funciona con menos del 30%. Las partes que se desarrollaron son:
- Estructura de la web
- Página de inicio
- Catálogos online
- Galería de videos
- Página de contacto
El sistema de catálogos online está desarrollado en PHP y Flash y permite al administrador actualizar los catálogos con facilidad. Se utiliza el sistema conocido como PageFlip para los catálogos.
La web tiene bastante potencial y se espera poder completar el desarrollo eventualmente.
La web está desarrollada con PHP, HTML, CSS, Flash, Actionscript y MySQL.
IDL Reporteros
La web de IDL Reporteros ya estaba operativa cuando Mu Producciones fue contactada. Mu Producciones trabajo actualizando partes del código, aumentado sistemas y creando nuevas secciones. La web funciona sobre la base de WordPress, sobre la cual se han creado nuevos y poderosos sistemas en PHP que aumenta la funcionalidad de esta en varias maneras. Entre estas se destacan:
- Nuevos menús desplegables
- Sistemas avanzados de categorización
- Menciones especiales en el texto
- Nuevas funciones en la página de inicio
- Un avanzado sistema de buscador
- Ajuste general de la programación
En general, se buscó agilizar la web en general y generar nuevos accesos a la información, más ágiles e intuitivos, como el nuevo menú desplegable y el sistema de organización de categorías.
La web está desarrollada sobre WordPress con PHP, HTML, CSS y MySQL.
R.V. Tucker Perú
Se desarrolló la web de R.V. Tucker para el 26ª conferencia de dentistas del grupo R.V. Tucker en Lima, Perú. La web fue diseñada por Mu Producciones según especificaciones del cliente. El trabajo incluyo el diseño y programación de la web así como la transformación de una presentación en PowerPoint a flash. La web se desarrolló por completo en 10 días por necesidad del cliente. Las secciones más destacadas son:
- Un complejo sistema de registro para asistentes
- Sistema de registro para tours en Perú
- Conexión con la web de Perú A Travel
- Presentación de PowerPoint convertida a Flash
La web está desarrollada con un público específico en mente, los miembros de club R.V. Tucker, quienes están familiarizados con este estilo de web y conocen la funcionalidad de las secciones.
La web está desarrollada con PHP, HTML, CSS, Flash, Actionscript y MySQL.
II Foro de Conservación Privada y Comunal
Se creó esta web para promocionar el foro. La web fue diseñada por Jonathan Hunter y programada por Mu Producciones. La idea era crear una web simple, ágil y amigable que invite al público a inscribirse y participar en el foro. Esta creada sobre la base de WordPress, con las diferentes secciones como categorías de entradas. La simpleza era clave en este proyecto. Las características más interesantes son:
- Un simple desarrollo sobre WordPress
- Un brevísimo formulario de inscripción
- Diseño simple pero funcional sobre WordPress
- Organización efectiva de categorías para las secciones
La web está desarrollada para ser rápida, efectiva y acogedora, invitando a los visitantes a inscribirse en el foro.
Resultados: Los resultados fueron excelentes. Días antes del evento se tuvieron que cerrar las inscripciones al evento debido a que se completó el aforo.
La web está desarrollada sobre WordPress con PHP, HTML, CSS y MySQL.
Continental Support & Services
Continental Support & Services es una empresa peruana creada para dar satisfacción al cliente final en sus necesidades de integración tecnológica, para lo cual brindan soluciones completas de escaneo, administración y almacenamiento de documentos y contenido para Instituciones Públicas y Privadas. Son los Representantes Autorizados para las marcas Inotec, I2s y Bantec, contando con la solución para las necesidades de los distintos proyectos que pueda tener una empresa.
- Sistema de noticias
- Galería de productos y fotos
- Formulario de contacto
- Área de noticias
- Todos los contenidos son dinámicos
- Administración a través de Wordpress
La web está desarrollada con PHP, HTML, Javascript, Jquery, Flash, Actionscript y MySQL. La web se encuentra activa y todos los contenidos son actualizables a través de Wordpress por los administradores.
Kimberly Clark
Kimberly Clark es una empresa líder en productos de consumo para el cuidado e higiene personal y familiar. Ofrecen productos que han mejorado de manera significativa la calidad de vida de las personas como son: los pañales para niños y adultos, papel higiénico, toallas femeninas, toallitas húmedas, pañuelos faciales, servilletas, entre otros. Forma parte de Kimberly-Clark Corporation, empresa multinacional con 138 años de vida, presente en más de 150 países.
El trabajo consistió en actualizar diversas secciones de la web y mejorar ligeramente la performance de la misma.
- Actualización de lista de productos
- Actualización de información de productos
- Ligera mejora de performance en área de productos
- Actualización en el área de historia
- Actualización en el área de empresa
La actualización se realizó utilizando Photoshop, Illustrator, PHP, HTML, Javascript y Jquery.
Mia Velossi
Mia Velossi es una marca de indumentaria femenina dirigida a la mujer de hoy, propone un estilo actual y vanguardista con una renovada mirada hacia lo arriesgado, combinando diferentes texturas y materiales así como diversidad de colores. Su misión es lograr que el cliente encuentre exactamente lo que quiere ya que lo hace parte del proceso creativo.
La web se encuentra suspendida actualmente, pero se planea reactivarla en el futuro cercano. Temporalmente, se puede ver la versión local en mi servidor.
- Página principal con fondo animado
- Diferentes galerías de fotos dinámicas
- Libro de visitas con administrador
- Formulario de contacto
- Juego interactivo para diseñar prendas de vestir
La web se desarrolló con PHP, HTML, Javascript, Jquery, Flash, Actionscript y MySQL. Actualmente se encuentra suspendida pero se espera una pronta reactivación.
Reciclame
Recíclame es un blog dedicado a promover el reciclaje en el Perú. Además del blog cuentan con tachos especiales para reciclaje en importantes puntos de la ciudad, donde fomentan la separación de desechos con fines de reciclaje, especialmente de papel y cartón. Además de esto, en el blog instruyen al público a hacer proyectos de reciclaje casero.
El blog cuenta con un mapa interactivo con una lista de todos los puntos de reciclaje de Recíclame en el Perú. De esta manera, los usuarios pueden encontrar el tacho más cercano a su ubicación y reciclar con facilidad.
El trabajo consistió en actualizar algunos elementos generales de la web y actualizar el mapa con todos los puntos de reciclaje en el Perú.
- Actualización de elementos generales de la web
- Actualización del mapa
La actualización se realizó utilizando PHP, HTML, Javascript, Jquery y Google Maps.
Cotal Flat 2010
COTAL FLAT-PERU 2010 fue uno de los eventos más importantes del año 2010 en el ámbito del turismo. Un evento donde destacados profesionales, agentes de viajes y actores del sector turismo encontraron el escenario ideal para la consecución de negocios y alianzas en pro del crecimiento del turismo.
La web tuvo un éxito significativo, recibiendo más suscripciones de las que se planearon inicialmente, logrando que la feria sea un éxito total.
- Tres formularios de registro
- Un formulario de contacto
- Páginas de evento en Facebook y Twitter
- Programa de eventos
- Administrador para el área de noticias
La web está desarrollada con PHP, HTML, Javascript y MySQL. Actualmente se encuentra desactivada por haber concluido el congreso. Se puede ver la versión local en mi servidor.
Sound Aspect
Sound Aspect se desarrolló para promocionar la música de Clifford Day y, además, sirvió como un portafolio de su música. La web se desarrolló en flash y contó con una sección para escuchar la música, la cual era accesible a través de una contraseña. Diferentes contraseñas daban acceso a diferentes grupos de música.
- Reproductor de música
- Creación de usuarios con contraseña para la sección del reproductor
- Enteramente en Flash y en pantalla completa
- Administrador para subir música y crear usuarios
La web está desarrollada en flash, utilizando ActionScript y una base de datos en MySql. El administrador se programó en PHP y HTML.Actualmente se encuentra desactivada. Se puede ver la versión local en mi servidor.
3M: Institucional
3M es un conglomerado multinacional con más de 80 mil empleados a nivel mundial. Producen más de 55 mil productos en rubros tan variados como son artículos de oficina, imagen gráfica, industria electrónica, servicios públicos y comunicaciones, salud medicina, industria, seguridad personal, seguridad vial y transporte.
3M entrega a sus nuevos colaboradores un disco interactivo con una guía de inducción completa sobre la empresa y las líneas de negocio de esta, así como un poco de historia y cultura empresarial. Este proyecto consistió en desarrollar este disco por completo.
- Animación de presentación
- Carátula con selección de 3M Global y Nacional
- Submenús internos para abarcar toda la información
- Videos
- Contenidos animados
- Mapas interactivos
El proyecto se desarrolló por completo en Flash y Actionscript.
Bayer: Infinito
Bayer es una compañía químico farmacéutica multinacional que percibe ingresos anuales superiores a los 35 billones de dólares. Está subdividida en seis grandes grupos: Bayer CropScience, Bayer HealthCare, Bayer Material Science, Bayer Business Services, Bayer Technology Services, Currenta.
En el área de CropScience, 3M cuenta con un fungicida llamado Infinito, que se encarga de proteger los cultivos durante todo el desarrollo y fomentar el crecimiento y productividad de los cultivos. La presentación se utilizó para promocionar el producto tanto a los vendedores como a los agricultores. Cuenta con información sobre el producto, funcionamiento y la eficiencia del mismo.
- Animación de presentación
- Carátula con selección de temas y secciones
- Submenús internos
- Controles para avanzar y retroceder la presentación
- Imágenes y gráficos animados
- Cuadros estadísticos animados
El proyecto se desarrolló por completo en Flash y Actionscript.
Bayer: Nativo
Bayer es una compañía químico farmacéutica multinacional que percibe ingresos anuales superiores a los 35 billones de dólares. Está subdividida en seis grandes grupos: Bayer CropScience, Bayer HealthCare, Bayer Material Science, Bayer Business Services, Bayer Technology Services, Currenta.
En el área de CropScience Bayer tiene un producto llamado Nativo, un fungicida de espectro amplio que se encarga de proteger los cultivos contra una serie de enfermedades durante todas las etapas de desarrollo.
- Animación de presentación
- Carátula con selección de temas y secciones
- Submenús internos
- Controles para avanzar y retroceder la presentación
- Imágenes y gráficos animados
- Cuadros estadísticos animados
El proyecto se desarrolló por completo en Flash y Actionscript.
Calentamiento Global
Con el fin de participar en un concurso universitario de prensa digital decidí crear una presentación multimedia sobre el cambio climático. La presentación tiene una gran cantidad de información así como cuadros y esquemas animados para explicar los procesos más complicados del cambio climático.
El proyecto quedó entre los finalistas del concurso.
- Menú con acceso a las diferentes áreas
- Submenús internos
- Controles para avanzar y retroceder la presentación
- Imágenes y gráficos animados
- Esquemas animados
- Galerías de fotos
- Animaciones para explicar temas complejos
El proyecto se desarrolló por completo en Flash y Actionscript, utilizando además Photoshop e Illustrator.
Infografía animada: Terremoto
El 15 de agosto del 2007 el Perú sufrió un terremoto de gran magnitud. Las consecuencias fueron especialmente desastrosas para la ciudad de Pisco, en Ica. Para fomentar el apoyo a esta zona, la compañía de Jesús (Jesuitas del Perú) pidió apoyo a organizaciones extranjeras, particularmente a España.
Para sustentar el resultado de este apoyo se preparó una presentación multimedia que explica el terremoto, las consecuencias, el sistema de distribución de ayuda y los resultados de esta, además de algunos testimonios de los sobrevivientes.
- Menú con acceso a las diferentes áreas
- Controles para avanzar y retroceder la presentación
- Imágenes y gráficos animados
- Varias infografías animadas
- Galerías de fotos
- Animaciones para explicar temas complejos con controles de tiempo
El proyecto se desarrolló por completo en Flash y Actionscript, utilizando además Photoshop e Illustrator.
Universidad del Pacífico: Liderazgo
En enero del 2010 se creó el centro de liderazgo de la Universidad del Pacífico, con el objetivo de formar líderes innovadores y socialmente responsables, proveer a los estudiantes de una visión integral del liderazgo y promover soluciones innovadoras e intersectoriales a los problemas concretos de la sociedad.
Para esto, la universidad necesitaba una presentación multimedia para promocionar el nuevo centro de liderazgo y dar a conocer las ventajas de este.
- Textos animados
- Estilo infográfico
- Animaciones y música de fondo
- Diseño limpio y moderno
El proyecto se desarrolló por completo en Flash y Actionscript, utilizando además Photoshop e Illustrator.
Si bien el cliente final fue la Universidad del Pacífico, el proyecto se realizó a través de Fábrica de Ideas.
Universidad del Pacífico: Nuevo slogan
En el 2010 la Universidad del Pacífico lanzó un nuevo slogan: "Formamos líderes responsables para el mundo". Con el fin de promocionar esto se diseño una pequeña campaña promocional, parte de la cual fue esta presentación para ser mostrada dentro de la universidad.
Es una presentación simple para promocionar el logo y explicar brevemente de donde viene la idea. Por ese motivo, se utilizaron frases clave para demostrar la razón de cada palabra.
- Textos animados
- Estilo infográfico
- Animaciones y música de fondo
- Diseño limpio y moderno
El proyecto se desarrolló por completo en Flash y Actionscript, utilizando además Photoshop e Illustrator.
Si bien el cliente final fue la Universidad del Pacífico, el proyecto se realizó a través de Fábrica de Ideas.
Universidad del Pacífico: Responsabilidad social
El proyecto de Responsabilidad Social Universitaria fue una iniciativa de la AUSJAL. Buscaba reunir las mejores ideas y proyectos de responsabilidad social e institucionalizarlos.
Para este fin, la UP preparó una encuesta para obtener las opiniones de los alumnos acerca del proyecto y recibir diferentes ideas sobre responsabilidad social. Para fomentar la participación de los alumnos en la encuesta se desarrolló esta presentación multimedia.
- Textos animados
- Animaciones y música de fondo
- Diseño limpio y moderno
- Presentación permanente en varias pantallas de la universidad
El proyecto se desarrolló por completo en Flash y Actionscript, utilizando además Photoshop e Illustrator.
Si bien el cliente final fue la Universidad del Pacífico, el proyecto se realizó a través de Fábrica de Ideas.
Pageflip: Indecopi
El Instituto Nacional de Defensa de la Competencia y de la Protección de la Propiedad Intelectual tiene la costumbre de preparar una memoria anual impresa. Esta va acompañada de un disco con la memoria en PDF.
A partir del año 2007 se decidió que esta memoria pueda ser visualizada de una manera más interactiva.
- Menú general con salto a diferentes páginas
- Descarga en PDF de capítulos individuales
- Opciones para salto a una página en específico
- Animación fluida
- Inicio rápido gracias a la carga independiente de páginas
- Posibilidad de cambiar el color y brillo del fondo de pantalla
- Opción de zoom para una mejor lectura
El proyecto se desarrolló por completo en Flash y Actionscript.
Si bien el cliente final fue la Universidad del Pacífico, el proyecto se realizó a través de Fábrica de Ideas.
Ministerio del ambiente: Portada digital
El Ministerio del Ambiente desarrollo un documento sobre políticas del medio ambiente para ser distribuido a lo largo de todo el Perú. Con este motivo, el documento fue traducido a todos los idiomas que se hablan en el país. Estos documentos serían distribuidos en medios digitales.
Se consideró necesario que estos discos tengan una portada amigable donde el usuario pueda elegir en que idioma visualizar el documento.
- Carátula simple y de carga rápida
- Acceso a los diferentes documentos en PDF
El proyecto se desarrolló por completo en Flash y Actionscript.
Si bien el cliente final fue el Ministerio del Ambiente, el proyecto se realizó a través de Fábrica de Ideas.
Paraíso: Tríptico Flow Cell System
Paraíso relanzó tres de sus colchones bajo la nueva línea iEvolution. Estos colchones ahora cuentan con una banda Mesh que permite el libre intercambio de aire en el colchón. Esta nueva tecnología se conoce como Flow Cell System.
Para promocionar los nuevos colchones con tecnología Flow Cell System se diseñó una seríe de materiales promocionales, entre ellos este tríptico informativo.
- Tamaño: A4
- Material: Couche Matte
- Fondos con textura de telas sutiles
- Colores suaves y con contraste
- Diseño limpio, moderno y elegante
- Diseño alusivo a aire, frescura y respiración
- Información completa de 3 colchones
Para este proyecto se utilizó Illustrator y Photoshop.
Paraíso: Tríptico Línea Colors
Paraíso relanzó cinco de sus colchones bajo la nueva línea Colors.
Para promocionar los nuevos colchones colors se diseñó una seríe de materiales promocionales, entre ellos este tríptico informativo.
Estos colchones están orientados a un público de menores recursos y a jóvenes, por lo que se buscó que el diseño sea limpio pero a la vez divertido y juvenil.
- Tamaño: B5
- Material: Couche Matte
- Fondos blancos y colores llamativos
- Diseño limpio, moderno y juvenil
- Diseño alusivo a movimiento y colores
- Información completa de 5 colchones
Para este proyecto se utilizó Illustrator y Photoshop.
Revista Somos: Infografía: Donación de sangre
La revista Somos necesitaba una infografía para complementar un artículo sobre donación de sangre. El tiempo para producir esta infografía era sumamente limitado, menos de 2 días completos.
Este es el resultado de esos dos días.
- Diseño simple y limpio
- Colores suaves y con contraste
Para este proyecto se utilizó Illustrator.
Revista Asia Sur: Infografía: Navidad
La revista Asia Sur tuvo un inconveniente en el área de diseño y terminaron necesitando una infografía sobre navidad un día antes de la publicación.
El texto es simulado y los textos finales fueron insertados por la revista. Esto es lo que se logró.
- Colores llamativos y navideños
- Diseño "infantil" alusivo a navidad
Para este proyecto se utilizó Illustrator y Photoshop.
Paraíso: Campaña Green Factor 1/3
Durante un mes y medio trabajé en Productos Paraíso del Perú, reemplazando temporalmente al diseñador gráfico. En este tiempo se lanzó la campaña Green Factor, que comunicaba los nuevos materiales naturales que se utilizan en la producción de los colchones.
El trabajo consistió en desarrollar toda la campaña de lanzamiento. Se buscó que toda la línea siguiera la misma idea: dormir en un colchón Paraíso te cambia la vida.
Se buscaron fotos que representen esta felicidad y se trabajaron para acomodar el estilo que se le estaba dando a la línea gráfica.
Además, las fotos de los colchones se sobrepusieron sobre fondos dibujados de cuartos. Es interesante resaltar que este estilo viene siendo replicado por varias publicaciones desde ese día.
Ver encarte completo
Paraíso: Campaña Green Factor 2/3
La campaña fue presentada a los representantes y vendedores regionales de Paraíso a modo de inducción, para que estos estén capacitados para responder las preguntas de los clientes y puedan así fomentar la venta.
El evento tuvo una asistencia record. Se superó la expectativa de participación largamente, haciéndolo el evento más exitoso de Paraíso hasta la fecha.
El evento consistió en un desayuno y se hizo una presentación en PowerPoint, además de presentar el video de Green Factor, el mismo que se proyectaría más adelante en las tiendas.
Paraíso: Campaña Green Factor 3/3
Paraíso: Campaña BodyTest 1/3
Durante tres semanas en Paraíso, reemplazando temporalmente al diseñador gráfico, participé en el desarrollo y parte de la conceptualización de la campaña BodyTest.
La campaña buscaba promocionar las nuevas mantas X-Sensor, con las cuales Paraíso determina los puntos de presión de las personas al dormir.
Desarrollo de logo
La primera etapa consistió en crear un logo para el nuevo producto. El logo debería representar el tema de presión, los puntos de presión, una imagen termográfica de un cuerpo, entre otros conceptos.
Los primeros bocetos jugaron con lineas, puntos y flechas para hacer alución a los conceptos previamente mencionados. Poco a poco, tras varios bocetos, se llegó al logo final, el cual representa diferentes puntos de presión, con esferas y colores, de una manera modera y limpia.
Paraíso: Campaña BodyTest 2/3
Una vez determinado el logo se procedió a desarrollas las gráficas para la campaña, utilizando la imagen termográfica del cuerpo y una malla gris que simula un espacio tridimencional sobre el cual se representa el cuerpo con sus respectivos puntos de presión.
Para la campaña se desarrollaron volantes, banners, un folder donde iría toda la inforamción y material de branding para las exhibiciones.
Paraíso: Campaña BodyTest 3/3
