BERI ESTUDIO CREATIVO es un espacio dedicado al Interiorismo y el Diseño Industrial.
Proyectan, gestionan y ejecutan proyectos llave en mano para obra nueva o reformas de viviendas, pisos, locales comerciales de todo tipo, oficinas, restaurantes, stands...
Cuentan con profesionales especializados que le garantizan el trato que sus proyectos se merecen.
Tambien están especializados en recreaciones infográficas, ambientes 3D destinados a ceramistas, arquitectos y constructores con un nivel de realismo casi mágico.
Hace unos años realizamos la página web de estos interioristas castellonenses, pero fué en Flash. El website fué un éxito, el cliente estaba encantado, nos mencionaron en muchos sitios, ganamos algunos premios y las visitas subieron como la espuma.
Hoy en día Flash está desapareciendo en webs corporativas, cualquier diseñador web lo sabe. En gran parte culpa de los dispositivos móviles donde no es compatible.
Por eso esta vez hemos renovado desde cero la web apostando por el HTML, creando así una web mucho más compatible, indexable y mantenible gracias a un gestor de contenidos incorporado.
En este proyecto hemos apostando por el modo ´fullscreen´ llenando la pantalla con un mosaico "inteligente" de fotografías, que van cambiando progresivamente si el usuario no hace nada.
Lo más complejo de este proyecto ha sido que los proyectos se colocasen y ordenasen correctamente, sin dejar huecos. Para ello hemos construido un algoritmo "tetris invertido" que es capaz de ordenar las capas independientemente de su posición horizontal o vertical.
Además la web es totalmente compatible con tablets, un requisito fundamental del proyecto.
La web es además una WEBAPP, es decir, que posible guardarla como app en ipad y iphone (añadir a pantalla de inicio) con lo cual podemos navegar por ella en fullscreen sin iconos ni barra de dirección.
Enlace: www.beriestudio.es
Os quiero presentar hoy este proyecto que fundamos hace poco y del cual nos sentimos especialmente orgullosos. En PaperToy diseñamos y montamos muñecos de papel personalizados, llamados custom papertoys, siempre diferentes según su dueño.
Utilizamos simplemente un papel mate especial que da rigidez y color al muñeco. Inspirados en la cultura origami y el mundo del toy design, el papertoy resulta una forma más rápida y económica de realizar figuras personalizadas con un diseño original, que además decoran y atraen las risas y las miradas de todos.
Con el tiempo hemos ido mejorando nuestros diseños y ganando rapidez y calidad, compaginando la creación de Papertoys con nuestro trabajo diario, el diseño, la impresión y la realización de proyectos web.
En PaperToy no nos consideramos una empresa, más bien un proyecto con futuro, hacemos nuestro trabajo por afición desde hace años,y ahora tenemos la suerte de cobrar por él.
En un futuro nos gustaría ampliar la plantilla, investigar nuevos materiales, nuevas formas de personalización, incluso montar muñecos predefinidos para crear una tienda online, tanto de figuras montadas como de figuras para montar.
Actualmente, el precio de un papertoy es de 60€, perfectamente montado y mide unos unos 22cm aproximadamente.
Incluimos en el precio cualquier tipo de ropa u objetos planos como gafas, móviles, relojes, etc. Y si el cliente necesita algún xtra más complicado, como mascotas, niños, complementos, objetos grandes u otro tipo de gadgets, son 15€ adicionales.
Y como para gustos colores, estamos encantados que los clientes nos cuenten sus ideas y nosotros con mucho gusto les enviaremos un boceto y un presupuesto aproximado.
Más info en www.papertoy.me
Humania.tv es un sitio donde la sociedad civil muestra a la misma sociedad civil la inmensa variedad diaria de acciones por la mejora de este mundo. Cualquier modalidad de asociación de personas, con un objetivo enfocado hacia la dignidad del ser humano y el desarrollo sostenible, puede publicar y archivar de forma gratuita y sencilla sus noticias, convocatorias, informes, acciones, imágenes, sonidos y vídeos. Constando siempre el link de la institución que ha generado ese contenido.
Humania, poco a poco se ha ido convirtiendo en un portal referente en cuanto a contenidos sociales, debido a su objetividad y transparencia, y sobretodo a la capacidad de mostrar contenidos multimedia gestionados por las propias instituciones registradas.
Un proyecto considerado excelente en su ámbito y más allá, catalogado por algunos como "el youtube" o "el periódico" de las ongs, un proyecto joven y fuerte con un futuro enorme y con muchas ganas de crecer.
Si tuviera que elegir un proyecto preferido sin duda sería Humania. Por la calidad final del proyecto y sobretodo porque es como un hijo para mí. Desde hace casi 10 años Humania ha confiado en mí para su plataforma de contenidos, como director del proyecto la he parido y la he visto crecer con el orgullo propio de un padre.
En esta nueva versión diseñamos y desarrollamos , junto al equipo de la Fundación Mundo21, un portal elegante, amigable y capaz de albergar contenidos autogestionables, noticias, eventos, proyectos geolocalizados, videos, artículos, etc.
El objetivo del la web consistía en desarrollar un sistema de visualización de noticias diferente, sin dar prioridad a ningún contenido, objetivo principal de la Fundación, pero amigable, fácil de usar y compatible con dispositivos móviles y tablets.Junto al sistema de noticias desarrollamos un sistema propio de visualización de videos y emisión de eventos en directo.Tambien hemos creado un mapa de proyectos, gracias a google maps, donde las instituciones pueden localizar sus proyectos y eventos.
La web está desarrollada completamente en HTML, con elementos flash para el video, pero totalmente compatible con tablets y dispositivos móviles de última generación. El motor JS es JQuery y el back está programado completamente en PHP sobre bases de datos PostgreSQL.
Detrás del portal existe un admin de contenidos, desarrollado también en HTML y basado en Symphony. Un admin sencillo, potente y amigable para que las instituciones cuelguen sus propios contenidos sin ningún problema.
Para la plataforma decidimos usar los servidores EC2 de Amazon, que nos aportan rapidez, escalabilidad y la personalización que necesitábamos. Una plataforma técnicamente robusta, pensada y renovada desde cero, con muchas cosas que ofrecer en un futuro.
Enlace: www.humania.tv
Después de la mudanza de oficinas, SOLO INTERACTIVE STUDIO llega para quedarse.
Aunque el estudio está formado básicamente por mí, ahora tengo colaboradores, programadores y expertos en comunicación y SEO, que conoceréis pronto en este mismo blog. Seguimos colaborando con muchas empresas a las que agradecemos su confianza, como PLAYROOM, YONOH, FIVEISBLUE, BERI ESTUDIO, PUNTODEVISTA, etc..
Con más fuerza, nos subimos al cielo, dejamos de mirarlo desde abajo como muchos hacen, para desde aquí fabricar contenidos en la nube, y nunca mejor dicho. Muy poca gente sabe que crear contenidos online es muy complicado, pero sobretodo es buscarles una nube perfecta, una nube bonita, suave, agradable, funcional, esa nube ideal que armoniza todo el contexto de una historia, página web o idea.
Así que inauguramos nuestra nueva web y este pequeño blog, donde iremos contando anécdotas, últimos trabajos, trucos, vivencias, en este nuestro gran mundo nublado.
Para ello, y después de muchas vueltas, he decidido realizar la página del estudio en HTML, con un poquito de motion y utilizando WEBGL, motor 3D nativo en los navegadores más modernos como Safari, Chrome, Firefox y Opera, hoy en día en desarrollo pero que sin duda un futuro en cuanto a contenidos 3D online se refiere, y una potente alternativa a Flash, el cual no es compatible con algunos dispositivos.
Si tienes un equipo no demasiado antiguo, si usas Explorer (no porfavor !) o si no tienes las nuevas versiones de estos navegadores, te recomendamos las descargues y veas las maravillas que propone el WEBGL.
Si aún así no puedes ver la web correctamente, puedes verla en acción aquí.
Spazia es una empresa de Castellón, especializada en mamparas de baño y ducha a medidas, como en puertas correderas de diseño. Un producto personalizado, exquisito y minimalista para los amantes del diseño y la decoración. Esta vez el diseño viene a cargo del estudio Yonoh creative studio, expertos en diseño e interiorismo con quien ha sido un placer trabajar.
En este caso yo me he encargado de la maquetación, animación y la programación del site y del admin para gestionar las noticias.
No es mi primer trabajo con motionHTML, pero si el primero en ver la luz, realizado para un cliente.
MotionHTML se basa simplemente en dar un toque de animación y gracia a los proyectos HTML, con lo cual mezclas lo mejor de HTML con las ventajas de Flash. Gracias a los JS frameworks como Mootols o JQuery se puede hacer filigranas que antes costaban horrores hacer en Javascript, y ahora que viene HTML5, apostamos fuerte en esta plataforma, mucho más standard, mucho más social y mucho más "encontrable".
En SPAZIA hemos optado por esta opción, una web que pocos dirían que es HTML, con un toque de animación y distinción, que gusta al usuario y al cliente, sin perder las ventajas como el posicionamiento, las urls indepenientes, el codigo abierto, el mantenimiento y en general las cientos de ventajas que tiene este lenguaje.
Enlace: http://www.spazia.es
Aquí os presento el más reciente de los microsites que he realizado en FLASH (y probablemente el último usando esta tecnología), una campaña de navidad para BERSHKA, de la mano del estudio FIVE IS BLUE, agencia interactiva de Barcelona encargados tambien de la renovada web de esta empresa textil entre otras cosas.
FIVE IS BLUE confió en mi para el desarrollo en FLASH, tanto a nivel de programación como a nivel de motion. Todo un orgullo y un placer trabajar para estos mostruos del diseño interactivo.
El estupendo tema de fondo quedó a cargo de Moisés Martí.
La idea se basó en los tradicionales Calendarios de adviento. La campaña, que lógicamente ya no está online en la web de Bershka, fue un éxito, ya que consistía en averiguar una figura navideña compuesta por triangulos y texturas. El usuario, al encontrar la figura, recibía un codigo de descuento en alguna de las tiendas de Bershka de todo el mundo.
Cada día podíamos encontrar una figura distinta, desvelando algun tipo de prenda o complemento pensado para la ocasión, así como ver el LOOKBOOK de Navidad de la marca.
Sobre el desarrollo, FLASH AS2, con un poquito de programación PHP y bases de datos.
Lo complejo del proyecto fué el mosaico de texturas en background, que se generó aleatoriamente programando más tarde una herramienta para poder modificar texturas, posicionar, crear y guardar cada una de las figuras.
Un proyecto pequeño pero bien acabado que hemos rescatado y colgado en nuestro servidor para que podais verlo.
Enlace: bsk_christmas
Hacia tiempo que no desarrollaba en lingo, en parte porque desde la llegada de flash y de la banda ancha ya casi nadie realiza proyectos multimedia en formato CD, algo para lo cual Director sigue siendo el rey. Un rey destronado, pero al fin y al cabo, un rey. Desde que adobe compró macromedia han intentado lavarle la cara pero hoy en día los poquitos desarrolladores que quedamos lo usamos para realizar contenidos 3D, ya que, a pesar de su enorme complejidad, es una de las poquísimas herramientas que te permiten usar un motor gráfico real tanto para web y cd y además multiplataforma.
Esta vez hemos realizado una visita virtual a una de las galerías de arte privadas más importantes de la Comunidad Valenciana incluso de España, la Fundación Chirivella Soriano, un pequeño palacio en el corazón de valencia dotado de 3 plantas las cuales hemos recreado virtualmente. Y esta vez no solo se trata de una visita a una exposición como en anteriores trabajos, sino que hemos dotado de inteligencia para que el cliente pueda crear desde cero nuevas exposiciones. Para ello he desarrollado un sistema de gestión donde ellos pueden colocar las obras en cualquier pared simplemente haciendo drag&drop. Esto resulta enormemente útil tanto al artista como al comisario para decidir y previsualizar la exposición y así actuar en consecuencia.
Un proyecto apasionante sin duda, que permite visitar el palacio desde cualquier lugar del mundo y por supuesto permite tener un historial de exposiciones para todo aquel que no haya podido visitarla en su momento,
El proyecto ha sido una idea de theplayroom, y la infografía a cargo de habitect, que han colaborado conmigo y han hecho posible este proyecto.
Enlace : http://www.chirivellasoriano.org
Uno de mis últimos trabajos realizados en Flash, un microsite para el grupo de música Sentimiento Urbano, una web no demasiado ambiciosa pero que resume perfectamnente la imagen del grupo y ayuda a sus fans a conocerlos un poquito mejor y estar informados de sus noticias, conciertos, etc, Con el tiempo se irán añadiendo apartados y mejoras, ya que este grupo promete, y no lo digo porque uno de sus componentes sea un gran amigo, solamente tenéis que escuchar su música y ver el video de presentación para saber que el futuro de estos chicos es prometedor.
La web está completamente realizada en Flash, un proyecto sin demasiadas complicaciones, pero como siempre cuidando los detalles. Una web donde se ha dado importancia al video de fondo y al reproductor de música siempre presentes, y sobretodo a la escalabilidad para diferentes tamaños de pantalla. Además el grupo tiene un pequeño sistema de gestión donde pueden actualizar noticias y conciertos.
Sentimiento Urbano está formado por José (voz y guitarra), Jesús (bajo), Pistón (guitarra principal), Mateos (guitarra y coros) y Pina (percusión), aunque realmente está formado por mucha más gente. Este grupo murciano acaba de sacar su primer disco y ha conseguido una fusión atractiva, pegadiza y con gran personalidad del pop y las raíces flamencas más acústicas, formando un sonido Rumba-Pop-Fusion muy interesante. El grupo nació en Murcia en Mayo de 2008. y a pesar de su juventud, cuenta con una trayectoria de más de ochenta directos repartidos por gran parte del territorio español y acaba de terminar su primer trabajo de estudio; un proyecto cuidado, intimista, fresco y con gran personalidad, que ha contado con la colaboración de Diego Cantero y Antonio Aráez para los arreglos, producción y grabación. Aunque como todo buen músico intentan huir de las etiquetas, consideran que su música es un “pop acústico de raíces flamencas”, que se centra en contar historias cotidianas a ritmo de guitarra y cajón.
Yo no me considero fan de este tipo de música, y quizás sea el hecho de haberla escuchado cientos de veces mientras realizaba la web, pero se ha convertido en uno de mis discos favoritos e incluso temas como "Dime amor", "Tus cinco sentidos" o "Cuando el frío amenaza" forman parte ya de esas canciones que recuerdas toda la vida y que te siguen poniendo los pelos de punta por mucho tiempo que pase.
Enlace : www.sentimientourbano.com
De vez en cuanto los clientes buscan un website diferente, con un estilo visual y funcional distinto a la web 2.0 que todos conocemos, con funcionalidades y elementos interactivos que, sin perder facilidad de uso, nos sumerjan en una experiencia interactiva mucho más enriquecedora. Este es el caso de este estudio de diseño e interiorismo de Castellón, que ha apostado por una web que rompe todos los cánones del clásico diseño html para crear un ambiente interactivo relajado y espectacular al mismo tiempo.
Un proyecto complicado desde un principio, pero sin duda uno de los proyectos de los cuales estoy más orgulloso, y que ha sido mencionado en moluv, dopeawards, bestflashanimationsite y sitio del mes en pickaward.
BERI estudio creativo está ubicado en Almenara, Castellón, y son especialistas en dar soluciones a proyectos de interiorismo, comunicación y diseño Industrial. Gestionan y realizan proyectos integrales de interiorismo, desde la fase creativa hasta la ejecución y dirección de la obra, solucionando todas las gestiones y dando el asesoramiento necesario en la distribución, materiales, ideas y presupuestos.
Siempre he pensado que un buen contenido se merece un buen continente, y desde el principio supimos que la mejor forma de mostrar los espectaculares diseños de esta empresa, era con una web limpia, original y con estilo, al igual que sus trabajos. En el apartado técnico, la web se ha realizado en Flash, usando lenguaje AS3, sobretodo el menu 3D, realizado gracias a la librería papervision, con la cual tenía muchas ganas de trabajar, y todo ello apoyado con un pequeño sistema de gestión para que el cliente pueda actualizar contenidos.
Enlace : www.beriestudio.es
Aquí os presento uno de mis últimos trabajos en Flash, el website de Tridex, un estudio ubicado en Sagunto, que colabora estrechamente con otro de mis clientes, BERI estudio. Ellos tambien han optado por la originalidad y el dinamismo de una web en flash en vez de una versión Html.
Tridex es un estudio de diseño referente en el desarrollo de soluciones innovadoras en la ingeniería de producto. Aporta creatividad, experiencia y tecnología, prestando servicios de ingeniería de producto aplicados a las necesidades de cada cliente.
En este caso Tridex apuesta por un diseño limpio, colorista, basado en un menu giratorio, realizado mediante infografía, el cual se despliega en los diferentes apartados y contenidos. Lo más complejo de este proyecto sin duda ha sido dicho menu, que al principio se iba a desarrollar con papervision, pero se descartó ya que eran demasiados polígonos y no aportaba el realismo deseado. Al final se concibió como una serie de renders, enlazados mediante programación.
Aparte del menu, lo complicado a sido además el efecto de despliegue de los triángulos, el cual debía ser dinámico y adaptarse al número de proyectos y contenidos diferentes, es decir, plegarse y desplegarse sin importar la cantidad de triangulos existentes, ya que el cliente es capaz de introducir y eliminar proyectos con un pequeño sistema de gestión.
En fin, un proyecto complejo pero innovador, ya que es precisamente lo que este estudio ofrece a sus cliente, innovación.
Enlace : www.tridex.es
