Categories
FrontEnd Design Portfolio Social Media UI/UX

Witcamp

Un trabajo mas para el grupo socialtec.

Nueva plataforma de e-learning o formación online.

Realización tanto del diseño del interficie de usuario como el protootipo web.

www.witcamp.com

Categories
FrontEnd Design Portfolio UI/UX

Caro Hotel

Un trabajo mas para el grupo socialtec.

La web para un nuevo Hotel en el centro histórico de la ciudad de Valencia done la imagen cubre un gran protagonismo ocupando el fondo de toda la página.

Realización tanto del diseño del interficie de usuario como el protootipo web.

http://www.carohotel.com

Categories
FrontEnd Design Portfolio Social Media UI/UX

Social Ibericus

Un trabajo mas para el grupo socialtec.

Diseño de la identidad corporativa y de la papeleria y también el diseño de la web que, en este caso, se trata de un site de comercio electrónico.

He realizado un diseño atractivo y cuidando si mas cabe la usabilidad para que la experiencia de la compra sea la mas satisfactoria posible.

http://www.socialibericus.com

Categories
FrontEnd Design Portfolio Social Media UI/UX

Buscador de hoteles social

El mundo del turismo (viajes, hoteles, etc.) es uno de los mas utilizados en internet. Solemos buscar y estudiar nuestro destino y contratar el transporte y el alojamiento desde infinidad de herramientas y servicios que nos ofrece la red.

Tralopia es un proyecto salido recientemente en su fase beta, es un buscador de hoteles social, nos ayuda a encontrar nuestro hotel ideal segun nuestras preferencias (ocio y de negocios) y utiliza medios sociales como Facebook y Twitter para definir nuestros gustos.

En él he realizado tanto el diseño de identidad de marca como el interface de usuario (UI), y, en este caso, también he maquetado el prototipo (DHTML, PHP, JQuery)

http://www.tralopia.com

 

Categories
FrontEnd Design Portfolio Social Media UI/UX

Socialtec

“En casa de herrero cuchillo de palo” II

Socialtec, el grupo de economía en red del que formo parte, hace 2 años que existe, pero hasta hace pocas semanas no teníamos web propia, a pesar de tener una buena cantidad de proyectos online.

Finalmente la web ha salido a la luz,  el diseño del interface de usuario (UI) así como la identidad de marca en general ha sido mi tarea.

www.socialtec.es

¿Que os parece?

Socialtec es un grupo de empresas que desarrolla proyectos bajo un modelo de colaboración y codesarrollo en el ámbito de las tecnologías sociales.

Categories
FrontEnd Design UI/UX

10 herramientas básicas para el diseño web freelance

Trabajar como freelance requiere generarse un entorno adecuado para realizar con éxito los proyectos, dedicar el tiempo necesario en un espacio físico adecuado y tranquilo lo mas alejado posible de distracciones (domésticas, ociosas, etc.)

En este post reflejo mis 10 herramientas fundamentales para el desarrollo de mis tareas, no son todas ni son las mejores, simplemente son con las que me siento mas cómodo.

Lo indispensable es un hardware, en mi caso un ordenador portátil ligero pero potente, con buena pantalla (16″, 1600x900px) y tarjeta gráfica dedicada. He elegido un portátil porque si se da al caso puedes transportarlo a casa del cliente, reuniones o trabajar ocasionalmente fuera de la oficina. Para mas comodidad en la oficina tengo un monitor extra (23″, 1920×1080) y un ratón y un teclado completo mas ergonómicos, así como una impresora que cada vez utilizo menos. Para estar conectado permanentemente e incluso realizar alguna tarea (consultar y responder emails, twittear, etc) se ha hecho indispensable un móvil con tarifa de datos, en mi caso un Android de HTC. También dispongo de un pequeño netbook con SO Jolycloud que por su ligereza (menos de 1kg) transporto a eventos o reuniones dónde el móvil se queda corto y  el portátil pesado.

A pesar que en este mundo OSX de Apple es el SO mas utilizado como Sistema Operativo, en el portátil de oficina actualmente utilizo Windows 7.

Las aplicaciones básicas las podemos dividir en 2 tipos, las desktop (que te instalas localmente en tu ordenador) y las online (aplicaciones y u utilidades que viven y funcionan en la internet, “la nube”). Para mi el ideal seria que todas estuviesen en la nube, por lo que no dependerías de un hardware único y concreto sino que podrías acceder a ellas desde cualquier dispositivo. Existen aplicaciones gráficas y de programación online, pero aun no son lo suficientemente potentes y manejables para poder desarrollar un proyecto con agilidad. Actualmente de las 10 aplicaciones que mas utilizo únicamente tengo 3 instaladas en mi ordenador (el navegador, el editor gráfico y el editor web)

  1. Navegador web: Es la aplicación reina, siempre abierta, además de  buscar información es el puente para utilizar todas las aplicaciones, herramientas y utilidades online, así como, gracias a sus plugins, ayudarme a realizar algunas tareas básicas en el desarrollo web (inspeccionar y ajustar códigos, capturar pantalla, etc.). Actualmente utilizo Chrome por su velocidad y simplicidad aunque también tengo instalado Firefox, Safari, Explorer y Opera para testear los sitios que desarrollo.
  2. Editor gráfico: Los diseños, después de plantearlos por escrito y esbozarlos en papel hay que plasmarlos en imagen. En este caso Fireworks de Adobe es mi segundo software mas utilizado ya que está específicamente pensado para este propósito (diseño web). Puntualmente utilizo Photoshop para algún retoque fotográfico, y flash y algún editor de vídeo para las animaciones.
  3. Editor web: Para maquetar y “picar código” (HTML, CSS, PHP, js, …) desde ya hace muchos años utilizo Dreamweaver, también lo utilizo como administrador de ficheros y cliente FTP de mis sitios.
  4. Email: El correo electrónico es fundamental, y poder disponer de él desde cualquier dispositivo (móvil, netbook, tablet, etc) y desde cualquier sitio es vital, por eso he optado por  Gmail de Google, es rápido y potente y en él tengo todas mis cuentas de correo. Desde el mismo utilizo la mensajería instantánea que ofrece la plataforma de Gtalk integrada y sin salir de la web.
  5. Ofimática: Aun Microsoft Office es la suite más utilizada, yo en local la he sustituido por Open Office (abierta y gratuita), pero básicamente utilizo Google Docs para lealizar los presupuestos, facturas, presentaciones, etc. ya que estos documentos se quedan en la nube y puedo consultarlos y editarlos desde cualquier sitio.
  6. Almacenamiento/backups: Disponer de una copia de seguridad de tus ficheros, sincronizarlos desde los diversos ordenadores y a la vez poder acceder a ellos desde cualquier sitio ha hecho de Dropbox una herramienta imprescindible.
  7. Redes Sociales: Estar al día, ver que hacen los colegas, observar tendencias, compartir conocimientos, etc. etc. hacen las redes sociales un medio que  ningún profesional puede despreciar. En LinkedIn tengo mi CV y mis contactos mas profesionales (posibles clientes), twitter es básico para intercambiar feedback con los colegas de oficio y facebook con el mundo en general.
  8. CMS: Para construir y, a posterior, gestionar una web, la mejor alternativa es utilizar un gestor de contenidos (Content Manager System) WordPress es gratuito, sencillo y potente gracias a la cantidad de desarrolladores y plugins que dispone esta plataforma.
  9. RSS: Existen cantidad de blogs interesantes, siempre dedico un momento al día para consultar los posts nuevos en el agregador de feeds, en mi caso Google Reader.
  10. Gestor de tareas: Gestionar las tareas es básico para una buena productividad, y más si trabajas en equipo.  Hiveminder es una buena plataforma online para este menester.

Después en mis bookmarks tengo infinidad de enlaces a herramientas para cosas mas específicas y a multitud de librerías de iconos, tipografías, imágenes, plantillas, tutoriales, etc.

¿Cuales son vuestras herramientas esenciales?

Categories
FrontEnd Design Portfolio Social Media

xarop 2011

xarop.com rediseño 2011

Se acaba el año y renovamos nuestra web.

He querido hacer una web mas visual y comercial, enfocada a vender los servicios de desarrollo web, y por lo tanto eliminar toda la publicidad ajena a el sitio.

He partido del tema de WordPress Boldy, de Site5.com, lo he traducido al español,  lo he adaptado a la identidad corporativa de xarop.com y lo he  modificado según  las necesidades de este sitio.

Los  medios sociales siguen integrados en el sitio, en este caso dando mas protagonismoo a twitter, facebook y LinkedIn y “relegando” a el resto a páginas interiores.

Realizamos el diseño de tu página web con un servicio completo, registro de dominio, alojamiento, diseño,  alta en buscadores, etc., cumpliendo con todas sus necesidades hasta conseguir un proyecto a tu medida.

¡Ayúdanos a mejorar!

[poll id=”5″]

Categories
FrontEnd Design Portfolio

Invat·tur

Un  proyecto mas para Socialtec, el diseño de la Comunidad Invat·tur.

Mis labores en este proyecto ha sido el diseño de las diversas pantallas que construyen el site.

También la adaptación de la imagen corporativa tanto para el website como en cada uno de los medios sociales donde esta comunidad está presente.

Invat.tur es el Instituto Valenciano de Tecnologías Turísticas, un centro concebido como una plataforma de encuentro de todos los agentes del sector turístico y que representa uno de los ejes principales en la mejora de la competitividad y sostenibilidad del modelo turístico de la Comunitat Valenciana, a través del desarrollo de proyectos de I+D+i y de laadaptación a las nuevas tendencias del mercado turístico en todas sus vertientes. Las instalaciones que albergan el Invat.tur han sido construidas con la cofinanciación de los Fondos FEDER de la Unión Europea.

Categories
FrontEnd Design Portfolio Social Media

Red Social para autónomos

Otro de  mis trabajos para Socialtec ha sido el diseño de la identidad de marca, de las pantallas (interficies de usuario)  y de los distintos elementos gráficos que componen la red social orientada a autónomos, profesionales y PYMES  econred (acrónimo de Economia en Red)

Yo mismo como freelance agradezco este nuevo recurso, mas que necesario y esperado ya que en este país parece que tiene algo alvidado a los autónomos, que creo que són los que con su esfuerzo y dedicación nos pueden ayudar a salir de esta crisis.

Visitar econred.es