Portfolio

A continuación se muestran varios “demos” de diseños webs que he creado con WordPress utilizando la plantilla DIVI.

Agencia Diseño Creativo

Este proyecto va enfocado a una web que podría estar destinada al diseño englobando los campos: audio-visual, publicidad, webs, fotografía... Proyecto que dispone de 3 páginas:
• Home Page
• Sobre Nosotros
• Portfolio

leer más

BDR - Blog de recetas

Diseño de un blog basado en una sola landing page. Enfocado a blogs de moda, comida, viajes y cualquier temática en general. Proyecto que dispone de las siguientes secciones:
• Blog
• Autores
• Galería
• Formulario de suscripción

leer más

  ACP - Asesora profesional

Web enfocada a quienes desean mostrar sus servicios profesionales, productos, info-productos etc, así como para reconocimiento de marca personal. Proyecto que dispone de 4 páginas:
• Inicio
• Sobre mi
• Mis servicios
• Formulario de contacto

   leer más

  EDI - Elegantes diseños de interior

Web enfocada a pequeñas y grandes empresas que desean mostrar sus servicios y tienda online. Proyecto que dispone de 5 páginas:
• Inicio
• Nuestros servicios
• Tienda
• Sobre Nosotros
• Formulario de contacto

   leer más

  EBA - Los viajes de Alma

Web enfocada a quienes quieren tener su propio blog sencillo, intuitivo y llamativo. Proyecto que dispone de 1 página con las siguientes secciónes:
• Cabecera/formulario de suscripción
• Articulos recientes o destacados
• Sobre el autor ("Mi história")
• Blog
• Formulario de suscripción

   leer más

  ECO JUICE - Tu tienda online

Web enfocada a pequeñas, medianas y grandes empresas con productos que vender. En este caso usando una atractiva Landing Page para captar compradores. Proyecto que dispone de 2 páginas:
• Home
• Tienda

 leer más

  Estudios edd

Web enfocada a pequñas empresas o estudios que quieran mostrar sus servicios.
Proyecto de dispone de 2 páginas:
• Página Inicio; con las siguientes secciones:
"nuestra historia", "Opiniones","Servicios", "Galería","Nuestro equipo","Contacto".
• Página Todo sobre EDD

   leer más

  MCT - More ConsTruccions

Web enfocada a pequeñas, medianas y grandes empresas con servicios a ofrecer. Proyecto que dispone de 1 página con las siguientes secciones:
• Servicios destacados
• Slide informativo
• Sobre nosotros
• Servicios adicionales
• Ubicación

 leer más

Librería de efectos y estilos

EL SONAR:

En cuanto se posa el cursor encima del objeto, aparece un efecto sonar que da énfasis y aporta el conocido efecto de “llamada a la acción” aumentando la provabilidad de conseguir cliks. En este ejemplo también se acompaña el efecto sonar con una sombra aplicada a la descripción, consiguiendo un efecto de espacio (o 3D) sobre el objeto.

 

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

LA PÍLDORA:

Se consigue darle al objeto un aspecto de píldora, con un ligero borde en la parte superior e izquierda. Situando el cursor por encima del objeto se muestra un efecto de zoom y a su vez, de sombreado, consiguiendo así resaltar el objeto en cuestión.

 

Nombre de la persona

Nombre de la persona

Directora

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings…

ZOOM:

En cuanto se posa el cursor encima del objeto, se efectua un efecto zoom. Es apicable en imagenes sueltas, en cada una de las imágenes de una galería y en general en la mayoría de elementos (Parrafos, títulos, iconos…). Comúnmente utilizado en galerías que por defecto no traen el zoom como al poner el cursor sobre cada una de las imágenes.

 

TEXTOS SUPERPUESTOS:

En cuanto se posa el cursor encima de la imágen, aparece un texto superpuesto con un breve resumen y quedando la imagen  tras una capa superpuesta. Todo el elemento es a su vez un enlace. Todo editable (tamaño de la imágen, bordes, fuente del texto, color de texto y capa superpuesta…)

ZOOM INTERNO:

En cuanto se posa el cursor encima de la imágen, se amplía consiguiendo un efecto zoom. Por otra parte aparece una capa superpuesta con texto dando la impresión de que la imágen se encuentra detrás como en un segundo plano.

FILTROS:

En cuanto se posa el cursor encima de la imágen, el aspecto de cada una de ellas varía según el efecto que se le aplica consiguiendo diferentes filtros, tal y como se muestra en los ejemplos expuestos a continuación. Estos efectos podrían convinarse con textos superpuestos. 

DESENFOQUE

SEPIA

GRIS

SATURACIÓN

OVERLAY 1:

En cuanto se posa el cursor encima de la imágen, aparece una capa superpuesta con un texto informativo. A parte de elegir por que lado va a aparecer y su color, también puede hacerse translucida.

Izquierda
Arriba
Abajo
Derecha

OVERLAY 2:

A diferencia del ejemplo anterior, en este caso la capa superpuesta no se posa encima de la imágen sino que la empuja. Además también aparece un botón para mostrar más contenido (o enlazar cualquier página, articulo, la imágen a tamaño completo etc)

 

titulo


Your content goes here. Edit or remove this text inline or in the module Content settings.


Leer más

titulo


Your content goes here. Edit or remove this text inline or in the module Content settings.


Leer más

OVERLAY 3:

En esta ocasión, aplicando un código javascript se consigue que la capa superpuesta aparezca persiguiendo el puntero del ratón, mostrando información sobre la imágen o proyecto. Aplicable para crear galerías, portafolios, muestra de productos, servicios etc.

 

ROTACIÓN:

En cuanto se posa el cursor encima de la imágen, ésta gira sobre si misma los grados deseados, en este caso 360º. Aplicable a cualquier elemento.

FIRST LETTER:

Primera letra del texto en un tamaño mayor y color distinto.

Titulo

Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS Edit or remove this text

Nombre

Content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS

BOTÓN MÁGICO:

En esta ocasión, aplicando un código javascript se consigue que un botón (o cualquier elemento a nuestra elección) muestre y oculte cualquier tipo de contenido, en este caso una galería.

 

Titulo de sección

Resumen de sección:
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings…