inma bermejo
~ diseño web con estándares ~
Trabajos: diseño web
Puedes ver mis trabajos por su fecha de realización:
Y también según el trabajo que hice en cada caso:
accesibilidad, consultoría, desarrollo web, diseño web, docencia, identidad corporativa, usabilidad
Trabajos para Weblogs SL
Desde Julio de 2007 colaboro regularmente con Weblogs SL en el diseño de sus nuevos proyectos. Me he ocupado del diseño de blogs como:
Lo que pasa en Tenerife
Hace ya casi un año empezamos el desarrollo con Drupal de un periódico local, para Tenerife. Un proyecto muy ambicioso en el que los responsables sabían muy bien lo que querían.
A partir del proyecto que tenían preparado Tomás, Carlos y Eduardo, fuimos perfilando lo que sería la web, hasta que hemos conseguido que Lo que pasa en Tenerife sea la web que planeaban.
Exprimimos al máximo las posibilidades que nos ofrecía Drupal, para dar la máxima flexibilidad a la hora de maquetar las noticias, pero también para que no resultara muy complejo, pues los usuarios son los que construyen cada edición.
El diseño del logotipo corrió por cuenta de los responsables, con mi asesoramiento, y para el diseño de la web buscamos algo bastante sencillo que dejara la mayor parte del protagonismo a la información.
Diseño para Error 500
Antonio Ortiz me pidió un nuevo diseño para su blog, Error 500.
Quería mantener un poco el look formal cambiando la maquetación y revisando el logo, y aquí se puede ver el resultado.
Defensa Central
Se propuso la realización de un periódico digital deportivo (cuidado al visitar la web, contiene imágenes para mayores de 18 años) colaborando con Francisco García Franco.
Lo primero que se realizó en el proyecto fue una propuesta de diseño para la portada, que con la presentación del resto de propuestas ayudó a crear el diseño actual.
Una vez definido el diseño, realizamos maquetas en HTML de las páginas principales (portada, vista de noticia y página de opinión) para haciendo un test de usuarios, ver qué podíamos mejorar en cuestión de usabilidad.
Una vez refinadas las maquetas, pasé a la instalación y configuración del CMS Drupal para la gestión del contenido del periódico, creando un sistema de publicación con varios perfiles para redactores y editores, archivo multimedia propio (vídeos, sonidos e imágenes alojadas en la propia página), galerías de fotos y una serie de contenidos especiales, como una sección especial de opinión, blogs propios, cartas al director...
Por último, se adaptaron las maquetas HTML creadas construyendo una plantilla para Drupal, implementando así el diseño realizado previamente.
Catalunya Comerc
En abril y mayo de 2007 realicé el diseño y maquetación de varias plantillas para la web Catalunya Comerc programada y gestionada por Acrecenta aunque la web ha sido publicada recientemente.
Además de las plantillas para el sitio principal, se desarrollaron dos microsites, para clientes y localidades, siguiendo el estilo del portal comercial. Para todas se respetaron las normas de accesibilidad AAA.
Ayuntamiento de Blanca
El Ayuntamiento quería renovar su página web de forma que no tuvieran que depender de terceros para la actualización del sitio.
Para su caso se sugirió instalar un sistema de gestión de contenidos sencillo, que permitiera tener galerías de fotos, incrustar vídeo y audio en las noticias, descarga de archivos... y escogimos Textpattern por su sencillez y versatilidad.
Aunque el proyecto se realizó en Junio de 2007, la página todavía no está completa, actualmente se lleva a cabo la inserción de contenidos por el personal de prensa del Ayuntamiento.
Rediseño de 123juegos
Diseño de plantillas para la tienda surf3.es
Lucas García me pidió el diseño para una tienda online que estaba implementando con el sistema CS-Cart. Me encargué del rediseño de la imagen de la web y de la creación de varias plantillas de páginas en XHTML y CSS que luego se adaptaron al sistema.
También realicé algunos banners publicitarios para esta tienda de artículos de surf y snowboard.
Diseño de Catódicos
Iván San Martín me pidió que diseñara su nuevo proyecto, una red social para aficionados a las series de televisión con muy buena pinta,
aunque por motivos de disponibilidad, finalmente sólo me ocupé de algunas plantillas maestras para las páginas con más requisitos, a partir de las que desarrollaron su diseño.
Además del diseño de las páginas propiamente dicho, he realizado el diseño de la imagen, el logotipo y los wireframes para la disposición de elementos.
Cursos de Formación CCC
IdeUp, a través de Antonio Mas, ha contado conmigo para el diseño de una aplicación para dar cursos en vídeo a través de internet.
Hice una propuesta que consiste en una serie de wireframes y un diseño de tres plantillas. En el trabajo final, se ha contado con los wireframes y el diseño para implementar una versión del mismo.
Diseño para Rumoreame
Rumoreame es un sitio web de cotilleo y rumores, como indica su nombre, basado en el sistema CoRank, con el que puedes crear tu propia página web de una forma increíblemente sencilla (hay que probarlo para ver lo fácil que es realmente).
Rogelio Bernal, su creador, contó conmigo para retocar el diseño de la portada de este sitio.
Intranet de la Biblioteca Universitaria
La biblioteca de la Universidad de Murcia ha instalado recientemente una intranet para agilizar el trabajo e intercambio de documentos entre su personal del Campus de Espinardo y la Merced.
Se ha implementado con un sistema Drupal. Yo me he encargado de crear el diseño e implementarlo en una plantilla para este CMS.
CEU Elche Digital
Sergio M. Mahugo contactó conmigo con la idea de crear un periódico digital con el que sus alumnos de la Universidad Cardenal Herrera de Elche pudieran practicar antes de acabar sus estudios.
Juntos creamos el esquema del sitio, que he implementado con Textpattern, bastantes plugins para conseguir las funcionalidades necesarias de publicación de audio, vídeo y galerías de fotos, y la implementación de un diseño creado especialmente para ellos.
Mundoteja
Para la tienda on-line Mundoteja se diseñó una imagen corporativa que al final se ha combinado con la ya existente en la cabecera de la web.
También diseñé una plantilla para Oscommerce acorde con la nueva imagen, que es la que se usa actualmente.
Bottup
Bottup es una comunidad de periodistas ciudadanos con un periódico digital basado en Joomla.
El nuevo diseño se basa en los colores corporativos ya existentes, pero el logotipo volvió a diseñarse y adaptarse para distintas aplicaciones (Bottv).
Se implementó en una plantilla de Joomla intentando respetar al máximo los estándares, si bien no se consiguió un sitio válido por las limitaciones de la versión de Joomla instalada.
Amigosfree
La empresa Linkara me pidió un rediseño de la estructura de la portada de su último proyecto: Amigosfree. El objetivo era conseguir una página usable y a la vez darle un toque femenino con cambios en el diseño, de cara a atraer a este tipo de público.
Red de Servicios de Información Juvenil
El Instituto de la Juventud de la Región de Murcia ideó un portal que acogiera todos los servicios de información (Informajoven) de la región.
El sistema estaba construido sobre la plataforma Drupal, y a mi se me encargó el diseño de la web y su implementación en una plantilla.
Cocinando
Diseño de identidad corporativa para weblog de recetas de cocina para gente con pocos recursos.
Se plasmó después en el diseño de una plantilla para Textpattern, el sistema de gestión de contenido del blog.
Plataforma de la Escuela oficial de Idiomas
La Escuela Oficial de Idiomas de Murcia quería un sistema que complementara los cursos que ofrece a distancia. Un sistema que facilitara la comunicación entre alumnos y profesores, y la colaboración entre alumnos.
Para ello desarrollé una plataforma personalizada con:
- "Clases": tablones para publicaciones de profesores
- Sistema de mensajería interna
- Chat
- Foros
- Wiki para recursos para aprender un idioma determinado
- Repositorio de enlaces
- Sistema de noticias para la administración
Asesoría de accesibilidad para MNCS
Durante mi estancia en ATICA, servicio de informática de la Universidad de Murcia, realicé varios trabajos relacionados con la accesibilidad para el servicio de Metodologías, Normalización y Calidad del Software:
- Asesoría para conseguir código estándar y accesible en distintas aplicaciones web, adaptándolas en lo posible a la ley vigente pero respetando siempre su funcionalidad.
- Construcción de un prototipo con código estándar y accesible, con listados, formularios y el resto de interfaces que suelen aparecer en una aplicación web, que sirve como esqueleto para el desarrollo de otras aplicaciones.
- Edición del seminario Cómo desarrollar aplicaciones web accesibles, un repaso con enfoque práctico y ejemplos a las pautas de accesibilidad de la WAI.
Eventtos
Consejería de Trabajo
Además del análisis de las páginas y la creación de los correspondientes informes, suministramos plantillas en XHTML, que los programadores de la Consejería adaptarán a sus sistemas de gestión de contenidos.
Contralibro
eDesktop
Se desarrolló con una funcionalidad limitada y en PHP, se crearon las plantillas y la identidad de la aplicación.
Wionto
El rediseño tenía como objetivo conseguir una aplicación con nivel de accesibilidad AAA y que además fuera usable, para más información se puede descargar el proyecto.
Úsalo
Dondevamos
Formulamania
El sitio web cuenta con un apartado de noticias con sistema de publicación propio, integrado con un chat y un foro de código abierto.
Javahispano
HtmlValley
Buscaenmurcia
Santander Group
Semana de Bienvenida Universitaria
Diseño y programación para la web de la Semana de Bienvenida de la Universidad de Murcia en sus ediciones 2004 y 2005.
También realicé el montaje de la memoria conmemorativa de la edición de 2003 en HTML y Flash.
Chavalina. Diario
Puedes suscribirte a las novedades de mi portfolio mediante este feed.