Bienvenid@ a mi portafolio de trabajos online. Si estás buscando que tu negocio tenga presencia online con una imagen corporativa potente, accesible, usable, tan única y especial como tu negocio... ¡Estás en el sitio adecuado!

Sobre mi

Soy Gabriela del Olmo Riera gran apasionada del diseño, la usabilidad web, la creatividad y las nuevas tecnologías. Soy Licenciada en Publicidad y RRPP y tengo un Máster en diseño y programación Web. Mis puntos fuertes son el diseño gráfico, el diseño Web UX/UI y la programación Web Frontend. A la hora de maquetar, lo hago en HTML5 y CSS3 basado en los estándares de la W3C y programo de manera amigable a nivel de SEO On Page y siempre pensando en la accesibilidad Web (WCAG). Además, trabajo de la mano de diseños responsive y UX-UI (User Experience y User Interface).

En 2012 Durante el último año de carrera, realicé prácticas en la agencia de publicidad Diluvia S.A. y desde entonces he trabajado en el entorno del diseño gráfico y la creación de páginas Web y su mantenimiento.

Me encanta mantenerme al día en todo lo que engloban las novedades de mi sector profesional ya que me apasiona mi trabajo. Además, me considero una persona a la que le gusta centrarse en los detalles de cada proyecto para aportarles gran precisión y originalidad, buena trabajadora tanto de forma freelance como en equipo, motivada y autocrítica con mis trabajos para seguir mejorando.

Este es un listado de algunas de las herramientas y programas de trabajo que utilizo y con las que hago que todo esto sea posible:

HTML5100%

CSS3100%

UX / UI100%

Accesibilidad Web (WCAG)99%

LESS100%

Adobe Photoshop100%

Adobe Illustrator100%

Adobe XD100%

WordPress100%

Bootstrap / FlexboxGrid100%

jQuery85%

SEO onPage100%

PHP / JavaScript 50%

¿Qué puedo hacer por ti?

ICONO DESARROLLO WEB FRONTEND

PROGRAMACIÓN WEB FRONTEND

Creación de diseños exclusivos que harán que la página Web muestre la mejor imagen en Internet. Diseños desarrollados en HTML5, CSS3, jQuery, JavaScript, Bootstrap, etc o bien a través de un CMS (WordPress, PrestaShop, Joomla, Drupal,...).

ICONO DISEÑO WEB

UX (User Experience) / UI (User Interface)

Porque es imprescindible la experiencia del usurio y la interacción de éste en nuestro sitio Web, el diseño debe estar centrado en ellos, de manera que éstos puedan navegar fácilmente y alcanzar así el objetivo que venían buscando de forma satisfactoria.

ICONO DISEÑO GRÁFICO

DISEÑO GRÁFICO

Diseños elegantes, modernos y adaptados a la imagen corporativa. Creación de logotipos, Manuales de Identidad Corporativa, diseños para imprenta, banners, etc.

ICONO DISEÑO WEB

DISEÑO WEB

Diseños impactantes, limpios, elegantes, responsive y de navegación intuitiva. Aportando valor a la marca o empresa y generando así confianza en el usuario.

ICONO MANTENIMIENTO WEB

MANTENIMIENTO WEB

El mantenimeinto de la página Web, la gestión de los contenidos y los posibles errores que puedan surgir, siempre controlados.

ICONO POSICIONAMIENTO SEO

POSICIONAMIENTO SEO

Aprovechando las ventajas del SEO haré del objetivo de la marca empresarial, que ésta destaque sobre las demás del sector.

Diseño de Sketchs, mockups, wireframes y prototipos según las necesidades del proyecto Web o aplicación a crear.

Saber más
Imagen GIF de prototipo Web

PORTAFOLIO ONLINE

Aquí puedes ver algunos de los trabajos que he realizado

Phone House, Gabriela del Olmo

Diseño, UX / UI y programación Web FrontEnd

Web Oficial “Phone House España”

Phone House España

Página Web Gaea Psicólogas

Diseño UX / UI y programación Web FrontEnd

Página Web “Gaea Psicólogas”

Freelance

Manual de Identidad Corporativa NIBW

Diseño gráfico

Manual de Identidad Corporativa NIBW

New Insurance Brokers Web

Banner Walden Farms USA FITNESS

Diseño y Programación FrontEnd

Gabriela on CodePen

CodePen

LANDINGS COLABORADORES SEGUROPORDIAS.COM

UX / UI y maquetación Web

Landing Colaboradores

SEGUROPORDIAS.COM

Phone House, Gabriela del Olmo

Diseño y maquetación Web

Landing Page “Alterna”

Alterna Energía

Perro Amigo Hotel, Hotel para perros en Madrid

Diseño gráfico

Logotipo "Perro Amigo Hotel"

Freelance

LANDINGS PAGE VEHÍCULOS SEGUROPORDIAS.COM

UX / UI y maquetación Web

Landing page Vehículos

SEGUROPORDIAS.COM

Logotipo House Whith Art, Diseño grafico web

Diseño gráfico

Logotipo "House With Art"

House With Art

WEB Template ColShelter, Diseño grafico web

Diseño UX / UI y programación Web FrontEnd

Web “Template ColShelter”

Freelance

WEB E-COMMERCE House Whith Art, Diseño grafico web

Diseño y desarrollo Web

Web e-commerce “House Whith Art”

Proyecto fin de máster

Manual de Identidad Corporativa SEGUROPORDIAS.COM

Diseño gráfico

Manual de Identidad Corporativa SEGUROPORDIAS.COM

SEGUROPORDIAS.COM

Logotipo CAMIONDIRECTO.COM

Diseño gráfico

Logotipo "CAMIONDIRECTO.COM"

CAMIONDIRECTO.COM

Logotipo Imagina en Digital

Diseño gráfico

Logotipo "Imagina en Digital"

Imagina en Digital

Banner Pasta dentífrica y crema adhesiva Farline

Diseño gráfico

Banner Pasta dentífrica y crema adhesiva "Farline"

Grupo Cofares

Web Animal portrait Artist

Diseño gráfico y maquetación Web

Web "Animal portrait Artist"

www.gabrieladelolmo.com/

Logotipo Ka Hoe Surf

Diseño gráfico

Logotipo "Ka Hoe Surf"

Ka Hoe Surf

Creación de iconos svg para fuente Web

Diseño gráfico

Diseño y creación de iconos vectoriales para fuente Web

Phone House España

Banner Gama Tensiómetros aposán

Diseño gráfico

Banner Gama Tensiómetros "aposán"

Grupo Cofares

Phone House, LANDING LANZAMIENTO HUAWEI GAMA P20

Diseño UX / UI y programación Web FrontEnd

Página Web Centro Hípico el Cerrillo

Centro Hípico el Cerrillo

Banner mailing Lubristil ANGELINI

Diseño gráfico

Banner mailing Lubristil "ANGELINI"

Grupo Cofares

Mi trabajo es hacer que tu negocio tenga presencia 100% en Internet

...mostrando una buena imagen corporativa con todas las funcionalidades:

Diseño responsive, Web atractiva e intuitiva y centrada en la experiencia de usuario.

Empresas con las que he trabajado

Cuento con más de ocho años de experiencia en diseño gráfico, UX/UI y programación Web FrontEnd. He tenído la oportunidad de trabajar en grandes empresas que contaban con buenos equipos, los cuales me aportaron mucho para impulsar mi carrera profesional.

Algunos de los programas y tecnológias empleadas: Adobe XD, Adobe Photoshop, Adobe Illustrator, InVision, HTML5, CSS3, GIT, JIRA, Eclipse, Visual Studio Code, Sublime Text, Brackets, TortoiseGit, SourceTree, Bootstrap, FlexboxGrid, LESS, jQuery, Browserling, WordPress, Prestashop, Google Search Console, Google Analytics, Google pagespeed, Wireframe.cc, NinjaMock, MailChimp, Acumbamail, MDirector, Hootsuite, Webpagetest, Majestic SEO, Ubersuggest, Nofollowsimple, Paquete Office, etc.

Entradas destacadas del Blog
Imagen del artículo del blog: Diseño Web Responsive

¿Por qué es importante mantener la página Web actualizada con regularidad?

Tener una página Web de tu negocio es muy importante pero, debemos mantenerla actualizada. Para que tu sitio Web empiece a dar resultados...

Imagen del artículo del blog: ¿Qué página Web elegir?

¿Qué página Web elegir?

Actualmente nos podemos encontrar con un sin fin de herramientas, plataformas y tecnologías que nos permiten tener una página Web, pero la mayor parte de las personas que quieren tener una se preguntan… ¿Qué plataforma será la más adecuada para crear mi sitio Web?. Pues bien, la respuesta depende de muchos factores. A continuación, te cuento...

Imagen del artículo del blog: Cómo evitar penalizaciones en mi Web por parte del algoritmo de Google

Cómo evitar penalizaciones en mi Web por parte del algoritmo de Google

Google es considerado el principal motor de búsqueda en la red y es el Nº1 gracias a que ofrece y garantiza a los usuarios que realizan búsquedas en Internet...

¿Por qué contratarme?

Soy experta en diseño web

Tengo más de ocho años de experiencia en el sector y me pasiona mi trabajo, por ello, se refleja en cada uno de los proyectos que realizo.
Seguro que ya tienes en mente algunas ideas para mejorar tu imagen online o bien para darte a conocer si aún no lo has hecho. Así que, ¡me encantará escucharlas!

Variedad de servicios

Pongo a tu disposición: diseño y creación de webs, diseño y creación de banners estáticos y en formato GIF, diseño y creación de iconos, ilustraciones para libros, portadas de libros, mantenimiento web, SEO On Page, creación de Imagen corporativa (logotipos, tarjetas de visita, manuales de Identidad Corporativa, flyers, dípticos, trípticos y mucho más).

Te escucho

A la hora de diseñar una página web, se debe tener encuenta todo lo relativo al negocio y su identidad corporativa; y tú eres quien mejor conoce su historia, los planes de futuro y sus necesidades.

Webs Responsive

¡Por supuesto! todas mis webs se adaptan a todos los tamaños de pantalla. Hoy en día ésto debería ser algo intrínseco de cualquier creación web, pero muchos aún lo toman como un extra a contratar a parte.

Webs diseñadas y programadas por mi

Creo las páginas webs desde cero en código, sin necesidad de utilizar plantillas prediseñadas de CMS (WordPress, Prestashop, Wix, etc) por lo que puedo ofrecer páginas totalme adaptadas a las necesidades del cliente o el proyecto. Esto resulta ser una gran ventaja en muchos aspectos: menor peso de la web, web personalizada 100%, código limpio, web accesible (WCAG), usable, única y segura.

Me adapto a tus necesidades

Cómo cada negócio es único, al igual que las personas, así debe ser tu web. Aunque el 98% de las webs que creo son diseñadas y programadas por mi en código, si por el contrario prefieres una web creada a través de un cms tipo WordPress, ¡no hay problema! me adapto a tus necesidades y deseos. Te asesoraré entorno a los pros y contras de éste tipo de webs para que puedas tomar la mejor decisión y sea acorde a tus objetivos.

Página Web Usable y accesible

El diseño y la estética de una web, es importante, pero no es lo más importante. Una web puede ser muy original y bonita, pero no ser usable y accesible. Todo diseño web debe estar centrado en el usuario, UX (User Experience) / UI (User Interface), de manera que éstos puedan navegar fácilmente y lograr los objetivos que venían a buscar al acceder en la web. Además, debe ser una web accesible por cualquier usuario, independientemente de la capacidad o incapacidad (ceguera, daltonismo, personas de avanzada edad, etc.) que éste pueda tener.
Segun la W3C (Web Accessibilitty initiative) "la accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos."

Certificado Let's Encrypt

Hace ya unos años que Google avisó de la implementación de un plan de securización de Internet, lo que obligó a todas las páginas webs a tener un certificado SSL (Secure Socket Layer), en español significa “capa de conexión segura”. Cuando un sitio cuenta con un certificado SSL, en la url google lo notifica agregando delante de la dirección web, un candado verde y las siglas de HTTPS (Hypertext Transfer Protocol Secure) o en español “Protocolo de Transferencia de Hipertexto Seguro”. Todas la webs que creo, llevan implementado un certificado SSL.

En mi caso utilzo Let’s Encrypt que es un certificado de confianza necesario para poder habilitar HTTPS (SSL/TLS) en los sitios web. Se trata de un certificado de confianza gratuito que toda web debe implementar para proteger a sus usuarios y ofrecerles asi seguridad y confianza en la navegación. Es un servicio provisto por Internet Security Research Group (ISRG) y que necesita renovarse anualmente.

Optimización de imágenes

Todas las webs que que pasan por mis manos, cuentan con la optimización de imágenes. Son numerosas las ventajas de optimizar las imágenes, pero el objetivo principal radica en el rendimiento del sitio web. Esto supone tratar de manera individual cada una de las imágenes para encontrar el equilibrio entre el tamaño de archivo para que sea mucho menor y que además mantenga una calidad óptima. La mayoría de los sitios web, pasan por alto este hecho; lo que desenboca en multitud de repercusiones muy negativas.
En definitiva, una web con imágenes optimizadas tiene muchos beneficios: mejora el SEO, la velocidad de carga de la página mejora considerablemente y evita que se marchen los posibles clientes que la visitan, requiere menos espacio en el servidor que se contrate, se crean copias de seguridad más rápidas, Google las indexa más rápido, etc.

Código Web optimizado

Trabajo siempre respentando los estandares web y me gusta escribir código bien estructurado y limpio. Así, genero como resultado prácticas eficientes para gestionar el código de forma más efectiva a corto y largo plazo. De esta manera, se pueden reutilizar ciertos elementos o funcionalidades y seguir manteniendo un código ordenado. Lo que facilita además, que en caso de que el proyecto crezca y se unan más integrantes al equipo, puedan trabajar adecuadamente y que se facilite el proceso de identificación y depuración de errores. Sin olvidar que optimizar el código fuente, tiene un impacto positivo en la velocidad de carga del sitio web.

Ahora que ya sabes más sobre mi trabajo, ¿te gustaría conocer mi otra pasión?

¡Quiero saber más!