Categories
FrontEnd Design Portfolio UI/UX

Ecodigest

Diseño de la imagen corporativa y del website para Ecodigest.

Websit realizado con WordPress creando untema nuevo y adaptable (responsive design).

http://www.ecodigesrt.cat

Categories
FrontEnd Design Portfolio Social Media UI/UX

Web de negocio local

Todo negocio (empresa, tienda, servicio, etc.) aunque no quiera o no pueda ofrecer servicios online tiene que tener presencia en internet.

Nunca sabremos cuando podremos necesitar un taller mecánico, un buffete de abogados, el supermercado o una peluqueria.

Podemos recurrir a las páginas amarillas, preguntar al vecindário o pasearnos por el barrio buscando lo que necesitamos pero con internet lo tenemos mucho mas facil, tenemos servicios a los que podemos acceder desde nuestros ordenadores, tablets o smartphones. Hoy en dia si no estamos en Google Maps, en Foursquare o Facebook  no existimos para muchos potenciales clientes.

Por eso en el desarrollo de una web de este tipo es necesario, a parte de realizar una web atractiva y usable, dar de alta el establecimiento en todos estos otros servicios de geolocalización.

La web de etern centre wellnes es uno de mis últimos proyectos, está realizado con WordPress por lo que es totalmente administrable por el cliente y en el proyecto, a parte de la web en si, se ha contemplado también el tema de Facebook, GoogleMaps y Foursquare así como un servicio de Mailing realizado con MailChimp.

En el diseño, para ahorrar en costes y tiempo, he partido de un tema de Elegant Themes el que he modificado para adaptarlo a la estética y necesidades del cliente.

 

Categories
Social Media UI/UX

Gana dinero recomendando en tus redes sociales

Únete a ADman. Recomienda a tus amigos de Facebook, Twitter o en tu Blog las mejores ofertas y serás recompensado económicamente

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 UI/UX

WordCamp Spain 2010

WordCamp Spain 2010 Este sábado se ha celebrado el WordCamp Spain 2010 aquí en Barcelona, todo un dia repleto de charlas mas que interesantes sobre WordPress y el mundo que lo rodea. No pude asistir a todas las ponencias pero lo que pude escuchar fue muy interesante:

En todo momento se nos recordó que WordPress no es un gestor de blogs, es i siempre ha sido un CMS con el que podemos atacar a cualquier tipologia de web.

Rafael Poveda nos habló de los temas, de la parte visual de este CMS. En cada nueva versión de WordPress la creación de los interficies de usuario se hace mas sencilla a pesar de que cada vez esta plataforma es mas potente. Rafael nos recomenedó la utilización de Frameworks o la creación de temas hijos de temas ya existentes. WPcandy nos hace una comparativa entre los principales frameworks de WordPress, entre todos ellos seguro que encontramos el que se adapte mejor a nuestras necesidades.

El Señor Muñoz nos hizo una amena charla sobre el SEO y sobre pluguins SEO para WordPress, de paso atendió a unas cuanteas peticiones de consultoria sobre diversas webs que hizo allí mismo, muy instructivo.

La primera charla de la tarde fue algo decepcionante, Luis Rull se fué por las ramas y no fué tan instructivo como los ponentes de la mañana, nos habló WordPress como CMS pero sin mencionar temas realmente prácticos de cómo conseguir una web comparable a una realizada con Drupal.

Después hablaron los chicos de Automattic y WhooThemes, así como de WordPress en los dispositivos móviles.

No pude asistir al taller final sobre creación de plugins ni a la charla de “WP como plataforma de comercio electrónico” de Fernando Serer, pero en general me pareció un WordCamp muy completo e interesante, puede que demasiado para una sola  jornada ya que me hubiese gustado mas espacio para la intervención de los asistentes.

Categories
FrontEnd Design Portfolio

Cacao Orgánico del Amazonas

coamacacao.com

Otra pequeña web de bajo presupuesto. Cacao Orgánico del Amazonas.

En este caso si que he optado por WordPress, al que le he añadido el WPML plugin para hacer un site multilingüe .

A pesar de nos ser un blog (no tiene publicaciones periódicas ni comentarios) he decidido hacerla con WordPress porque creo que es un muy buen Gestor de Contenidos.

El diseño del tema (theme o plantilla) lo he realizado desde cero.

Este es el resultado.

coamacacao.com