tendencias diseno web 2022 todobravo

Mejores tendencias de diseño web 2022

Las páginas webs atractivas combinan a la perfección funcionalidades y diseño. Y precisamente integran un equilibrio entre creatividad y nuevos estándares de desarrollo web. Por eso, es importante elegir una agencia de marketing digital que sabe adaptar las tendencias del diseño a tu imagen corporativa. De este modo, los diseñadores web profesionales pueden crearte una página profesional moderna que te durará años.
En tiempos normales, el diseño web tiende a evolucionar a un ritmo sutil y gradual. Pero este año 2022 marca la diferencia con tendencias disruptivas como consecuencia de la pandemia. Desde el año 2010, TodoBravo publica su exclusivo estudio anual de las tendencias en diseño web. Como agencia de marketing digital en Madrid, somos involucrados en el crecimiento de las empresas gracias a la transformación digital. Entonces, tras el parón sin precedentes de la actividad económica mundial, estamos en una nueva era post COVID19 llena de oportunidades. Así que te presentamos las mejores tendencias que dominarán el diseño y desarrollo web este 2022.

1. Colores energéticos y texturas futuristas

Ya son millones de páginas web que se iluminan de colores intensas para brillar y transmitir optimismo tras casi dos años de pandemia. Conjugar colores brillantes con una identidad corporativa establecida no siempre es fácil. Por eso, intentamos dar un toce futurístico a tu nueva página web in sinfonía con los valores de tu empresa. Sobre todo, preservamos la integridad de tu imagen corporativa. Así que damos la bienvenida a la alegría y reinventamos las webs con colores vibrantes. Volvemos a luces de neón y webs más “flashy” que en el pasado. Acabamos con colores apagados y suaves, salvo los colores pastel que se confirman como una excelente transición en este 2022.

Colores energéticos y futurísticos vitae

El estudio de arquitectura Vita en Madrid usa colores energéticos para tener un diseño web novador en un mercado altamente competitivo.

colores energeticos y futuristicos nft

AyzD juega con colores futuristas para subrayar que el NFT es el futuro de las colecciones de arte digital.

colores energeticos y futuristicos goldingdrinks

Goldling Drinks nos invita a un viaje energizante lleno de colores brillantes. Sus bebidas tropicales vuelan en un paraíso futurístico.

2. Textos reinventados

Los textos de las páginas web del 2022 son cortos. Se focalizan en un único objetivo: transmitir mensajes impactantes. Con este fin, destacan gracias a tipografías grandes que les hacen fácil de leer. Sin duda, las fuentes siempre han sido elementos claves del diseño web. Lo que realmente cambia este año es el tamaño de las fuentes. Se combinan títulos ultra visibles y párrafos más compactos para que el visitante entienda directamente el mensaje y pueda encontrar más información.
Hay que destacar también que esos textos importan para mejorar la indexación de las secciones web y el posicionamiento global. Efectivamente, una buena estrategia SEO se elabora a partir de palabras claves difundidas en un cierto volumen de texto. En fin, es crucial contar con suficientes textos en una misma página para optimizar su posicionamiento web y lograr un mejor ranking.

Textos reinventados milkable

La agencia de marketing digital Milkable ha sido premiada por la originalidad de sus realizaciones web, y destaca este 2022 por reinventar gráficamente los textos.

Textos reinventados awwwards jury

Los premios Awwwards se encuentran entre los premios de diseño web más famosos. Este 2022, el jurado estructura sus textos web con elegancia.

Textos reinventados fashion week

La semana de la moda de Los Angeles opta por textos con un efecto alta costura, en plena harmonía con los modelos.

3. Seres humanos visibles

La pandemia ha puesto de manifiesto hasta qué punto la interacción digital no sustituye a la interacción real. Necesitamos humanidad, por eso el ser humano se convierte en el corazón del diseño web 2022. Es tiempo de hablar de tu equipo y darle cara, tal como presentar la historia de tu empresa con un toce personal y emotivo. Queremos sociabilizar de nuevo, confiar en empresas que tienen alma. Al contrario, la llegada de los chatbots se retrasará a otros años dando que los usuarios web sufrieron un exceso de automatización, una sobredosis de digitalización. Es el periodo perfecto para reintroducir esencia humana en el diseño web.

Seres humanos visibles Superglow diseno 2022

El estudio creativo SuperGlow pone el énfasis 2022 en seres humanos que salen literalmente de la pantalla.

Seres humanos visibles brightlabs 2022

Como manifesto post confinamiento, Sage pone el foco sobre seres humanos llenos de alegría, con ganas de actividades deportivas.

Seres humanos visibles oranjebitter diseno 2022

La bebida Oranje Bitter nos invita a refrescarnos este 2022 en un mundo lleno de vitalidad donde la sonrisa tiene el protagonismo.

4. Compromiso social y ecológico

El compromiso social es un factor clave de competitividad. Todos sabemos que las empresas ganan en notoriedad ayudando a solucionar los problemas sociales a los que se enfrentan los países. De hecho, los clientes premian las empresas que impulsan proyectos de mejora del bienestar social. Cualquier web del 2022 debe presentar los pilares de su Responsabilidad Social Corporativa (RSC) para ganar la confianza de sus clientes.
Por motivo de compromiso social, TodoBravo es participante del Pacto Mundial de Naciones Unidas (UN Global Compact) desde el 23 de junio del 2021. Con más 13 000 entidades firmantes en más de 170 países, es la mayor iniciativa voluntaria de responsabilidad social empresarial en el mundo. Somos orgullosos de contribuir a nuestra manera a mejorar el mundo.
De la misma manera, el compromiso ecológico es fundamental en 2022. Efectivamente, los temas ambientales y sobre todo el cuidado del medio ambiente son asuntos de importancia para todos. Las empresas que se comprometen a adoptar medidas concretas para lograr una mayor sostenibilidad serán las mejores valoradas en el mercado. Con este fin, tu presentación corporativa online deberá incluir unas líneas sobre el asunto.

compromiso social ecologico eartheclipsed

Salvar el planeta juntos, es una de las metas 2022 que se refleja en los diseños web. TodoBravo, como agencia de marketing digital, se une al objetivo con un verdadero compromiso ecológico.

compromiso social ecologico vestrehabitat

Vestre es una empresa en favor de preservar la biodiversidad gracias al ahorro energético. Les destacamos por su contribución al movimiento juntos salvamos la naturaleza.

compromiso social ecologico karmanproject

Otro ejemplo de diseño web que nos enseña la voluntad de cada uno de hacer algo para frenar el cambio climático. Cada web corporativa 2022 debe exponer su compromiso social y ecológico.

5. Ilustraciones puntuales y ligeras

El poder de las ilustraciones y de los dibujos animados se confirma en una gran variedad de sitios webs. Los diseñadores web usan ilustraciones como elementos de diferencia para dar singularidad a un sitio web. Las ilustraciones apartan un air artístico y permiten conectar profundamente con los visitantes. No obstante, no estamos diciendo que se deben usar ilustraciones en todas las webs.

Pensamos que ayudan a crear un ambiente único pero que a la vez deben aportar algo lógico. Por ejemplo, las ilustraciones funcionan a la perfección siempre que hay que presentar cifras. De este modo las infografías animadas mediante un scroll down son siempre oportunas.

Y por último hay que recordar que la ilustración es una profesión por sí misma, no todos los diseñadores son ilustradores ni todos los ilustradores son diseñadores. Por eso desde TodoBravo trabajamos de la mano con escuelas de diseño creativo para tener siempre al mayor abanico de ilustraciones para todos los proyectos que gestionamos.

ilustraciones puntuales moowee

MoWee confirma una tendencia en diseño web 2022: fotos en columnas. Sencillo, puro y eficaz.

ilustraciones puntuales thecoolhunter

The Cool Hunter apoya por una sola foto retocada con luces relajantes. Una sola ilustración expresa el mensaje. No hacen falta mas.

ilustraciones puntuales paaatterns

Muchas paginas web 2022 apuestan por cero textos y ilustraciones liegeras pero omnipresentes. Hablamos de Paaatterns, uno de los líderes en este tipo de efecto gráfico.

6. Diseño asimétrico con harmonía

Tanto la simetría como la asimetría pueden ser usadas en el diseño de páginas web. Nuestra web TodoBravo es un buen ejemplo de balance entre ambas opciones. La asimetría permite destacar bloques de información y subrayar imágenes. Además, podemos ajustar la harmonía de una web introduciendo formas redondeadas y curvas entre los apartados. La simetría es ancestral y marca la profesionalidad. Concluimos que el balance de las composiciones es primordial para conseguir fluidez y reflejar la imagen corporativa correcta.

diseño asimétrico garcia salmeron

Garcia Salmeron desnuda el diseño web: una foto de maravilla y una fuente ligera lo cambia todo.

diseño asimétrico locomotive

El diseño web asimétrico es el gran ganador del 2022. Si tenemos que recordar una tendencia, es esta.

diseño asimétrico terraoutdoor

En este otro ejemplo de páginas web creativas 2022, confirmamos lo potente del asimétrico en desarrollo web.

7. Eternal dilema oscuro vs blanco

El modo oscuro o “dark mode” se ha convertido en una tendencia popular de diseño web, incluso en el diseño de apps móviles, de sistemas operativos y de navegadores. Parece que el modo oscuro llegó para quedarse muchos años más. Hace parte de una tendencia más amplia de minimalismo. Aun es de moda, pensamos que en 2022 no es adecuado para todos. Creemos que es cuestión de gusto y de identidad corporativa. Como ejemplo destaca Apple. La marca llevaba años usando el diseño oscuro para presentar sus móviles iPhone. Y que sorpresa de ver que para sus nuevos iPhone 13 vuelven al modo blanco. Así que al final no es tan estratégico y te recomendamos optar por uno u otro según tu opinión.

Diseno Web Oscuro Apple AirPods Pro

Apple lidera el diseño web desde una década, y de nuevo lo confirma con un diseño oscuro exitoso. El dilema oscuro vs blanco sigue siendo en la actualidad del marketing digital 2022.

Diseño Web Blanco whiteboard

Cuando se trata de destacar fotos originales: el diseño web con fondo blanco se impone.

Oscuro blanco colores 2022

Anagram se arriesga a mezclar dibujos flat en un fondo oscuro… ¡Resulta que funciona! A ver si la extravagancia ayuda a captar clientes, que al final cada diseño web tiene el objetivo de atraer a visitantes.

8. Apogeo del e-commerce

Las ventas por internet no han dejado de crecer en todo el mundo, y con la crisis de la COVID-19 esta tendencia se ha acelerado. De hecho, en 2020 las ventas por internet en todo el mundo crecieron en un 24 %. Este crecimiento es aún más importante en nuestro país ya que durante 2020, el crecimiento en las ventas e-commerce en España fue del 36%.
Vender online ya no es una opción es una obligación para asegurar tus ingresos y el futuro de tu empresa. Te creamos un escaparate virtual atractivo con los mejores CMS e-commerce así que potentes herramientas de marketing para dinamizar tus ventas.

tienda online creativa canada goose blanco

Cada invierno, Canada Goose confirma lo elitista de sus chaquetas. Así que no pueden faltar a la hora de vender online en 2022. Así de sencilla su tienda online tras la pandemia.

tienda online moderna blanco negro etq

ETQ es otra tienda online famosa que apuesta por un diseño blanco, blanco y blanco.

tienda online moderna fableandmane

Fable & Mane opta por colores calientes para diferenciarse.

9. Legalidad de las webs

Desde que el Reglamento General de Protección de Datos (RGPD) entró en aplicación el pasado 25 de mayo de 2018, centenas de empresas ya han sido multadas por la Agencia Española de Protección de Datos (AEPD). Las multas más elevadas impuestas por la AEPD hasta la fecha ascienden a 250.000 euros por falta de licitud del tratamiento de datos personales o incumplimiento del Principio de confidencialidad. Como ejemplo de empresas multadas, encontramos a la Liga Nacional de Fútbol Profesional, Vodafone, Curenergia y EDP. Por consiguiente, las páginas web y tiendas online del 2022 tienen que cumplir con todos los requisitos del RGPD y son numerosos. Como diseñadores web, nos comprometemos a que las webs que desarrollamos cumplen con las normativas en vigor: RGPD, LSSICE, Venta Online… no te olvides de estas obligaciones a la hora de crear tu nuevo sitio web.

crockett law legalidad web

La web Crockett law subraya la necesidad de defenderse ante la falta de privacidad en Internet.

Ley Cookie RGPD España

Proweb atrae a los visitantes preguntándoles si quieren mas cookies. Un éxito de comunicación y de publicidad.

Privacidad en Internet

Foam Talent es de vanguardia: jóvenes talentos de todos los continentes dan forma al futuro de la fotografía. Y empiezan con el tema de la privacidad.

10. Alegría y optimismo

La creatividad en diseño web para este 2022 se centra en la alegría y la positividad. De hecho, las fotos de seres humanos sonriendo y riendo se multiplican. Al mismo tiempo tonalidades atrevidas y enérgicas alegran las páginas. Y no solo se nota en las webs corporativas sino también en las tiendas online, las campañas publicitarias, los videos musicales, la moda y las películas. En 2022, el mundo de la comunicación y del marketing opta por valores de optimismo y de resiliencia.

Optimismo Alegria 2022

The Birthday Party Project es un organización sin ánimo de lucro que nos recuerda la importancia de difundir alegría en todo el mundo.

place vendome paris chaumet

Chaumet nos invita a un viaje encantador en Paris con mucho optimismo.

web vacaciones maldivas 2022

Barros nos transporta en sus islas paradisíacas de maldivas.

Conclusión

En conclusión, 2022 nos trae importantes novedades en diseño web. También es el año de la recuperación económica para las empresas que saben sacar lo mejor de la digitalización. En este sentido, el gobierno de España está distribuyendo ayudas a la digitalización, que cuentan con un presupuesto de 3.000 millones de euros de los Fondos Europeos. Este programa de ayudas económicas se llama “Digital Toolkit” y permite subvencionar de 50% hasta 80% del coste de tus proyectos de diseño y desarrollo web. ¡No te pierdas esta oportunidad única! Estamos a tu disposición para indicarte los requisitos que tu proyecto web debe cumplir y cómo solicitarlas. Escuchamos tus necesidades, te ayudamos a dar forma a tu proyecto y te asesoramos durante todos los pasos. Llegamos a diseños webs únicos que respetan el ADN de tu marca y hacen crecer tu empresa. Así que confiamos que 2022 sea un año de éxito para todos.

No dudes en contactarnos si deseas asesoramiento sobre tu proyecto web.

Diseño Web

¿Por qué elegir TodoBravo para crear o posicionar tu web?

Diseño web y marketing digital

Nuestro equipo combina todas las habilidades para hacer que tu proyecto sea un éxito: diseñadores gráficos, diseñadores web, desarrolladores web y consultores marketing. Transformamos tus ideas en sitios web impresionantes y rentables.

Servicios y mantenimiento web

Ofrecemos una amplia gama de servicios adicionales: compra de dominios, alojamiento web profesional, creación de logotipos, redacción de contenidos, traducciones profesionales, mantenimiento web, branding, presentaciones corporativas y mucho más.

Calidad y profesionalidad

Profesionales comprometidos, optamos por la calidad y construimos relaciones a largo plazo. Somos un equipo multidisciplinario con amplia trayectoria de proyectos web exitosos. Nuestro "team" es internacional y multi idioma, hablamos español, francés e inglés.

Asesoramiento

Te ayudamos a dar forma a tu proyecto y te asesoramos durante todos los pasos. Estructuramos las fases, los tiempos y los costes de la creación de tus ideas.

Precios

Nuestras tarifas de diseño web y de marketing online corresponden a la calidad del trabajo contratado. Ajustamos nuestros precios para que sean competitivos igual que atractivos.

No somos una fábrica de páginas web baratas. Somos diseñadores web y consultores digitales que cumplen objetivos de calidad.


dapp avenir du web

DApp, el futuro de la web

Una aplicación distribuida (DApp) es una aplicación que se ejecuta en un sistema distribuido, es decir, un sistema que consta de varios servidores que responden a las solicitudes de los usuarios y se sincronizan entre sí.
Las DApps han sido popularizadas por las cadenas de bloques, incluida la cadena de bloques Ethereum.

Para entender cómo funciona una DApp, es necesario conocer las nociones de Blockchain, criptomoneda e IPFS.

1. Blockchain

Una cadena de bloques es un registro distribuido de transacciones que se validan mediante mecanismos de consenso como la prueba de trabajo (PoW). Este tipo de consenso es utilizado por muchas cadenas de bloques como Bitcoin y hasta ahora Ethereum.

blockchain

Esquema de validación de un bloque de una cadena de bloques en Ethereum.

PoW consiste en resolver ecuaciones matemáticas complejas para probar el trabajo realizado. Las computadoras, llamadas mineros, participan en la solución de estas ecuaciones: la primera que resuelve la ecuación gana la compensación asociada y registra el bloque en la cadena de bloques. Este bloque entonces se distribuye a la red entera vía el peer-to-peer (P2P). El sistema asegura la cadena de bloques porque se necesitaría más del 51% de la potencia de computación para romperla.

Sin embargo, estos cálculos requieren potentes procesadores, tiempo de procesamiento y mucha potencia. En última instancia, esto hace que sea inviable usar estas cadenas de bloques a gran escala, especialmente para pagos «instantáneos» en criptomonedas.

Para reducir el costo de procesamiento, su duración y la factura de energía, la cadena de bloques Ethereum está implementando un nuevo mecanismo de consenso llamado Proof-of-stake (PoS). Este mecanismo consiste en elegir validadores que para poder registrar un bloque en el blockchain, deben congelar una cierta cantidad en criptomoneda. Este sistema asegura la cadena de bloques porque se necesitaría más del 51% del valor total de la cadena de bloques para romperla.

2. Criptomoneda

La primera aplicación de una cadena de bloques es la gestión de transacciones de una moneda virtual o criptomoneda.

Bitcoin fue la primera aplicación del concepto blockchain a una moneda.

La cadena de bloques identifica a los principales y tomadores de órdenes utilizando direcciones criptográficas únicas. Estas direcciones desempeñan el mismo papel que un número de cuenta bancaria o un número de tarjeta de crédito.

A diferencia de una moneda convencional, no hay ningún banco que administre estas cuentas o un banco central que controle la red de cambios. La descentralización de los mecanismos de gestión y consenso son las únicas reglas que rigen la red. Dado que el registro de una cadena de bloques es público, todo el mundo tiene acceso en todo momento a todas las transacciones de todos los usuarios.

Las tarifas de transacción de una criptomoneda no están relacionadas con el valor de la transacción como lo están las tarjetas bancarias, ni con la geolocalización de cuentas ya que esta noción de no existe. Las tarifas de transacción son pagadas por el principal.

blockchain

Criptomonedas Bitcoin, Ether, Ripple

3. IPFS

InterPlanetary File System es un sistema para intercambiar y direccionar archivos utilizando un protocolo peer-to-peer. Cada archivo tiene un identificador único obtenido mediante funciones hash criptográficas. La más mínima modificación del archivo genera un nuevo identificador que lo hace único y a prueba de manipulaciones. Un archivo así identificado puede estar disponible en varios equipos y compartido por varias aplicaciones sin necesidad de contenerlo.

Estas aplicaciones son más resistentes y la distribución de archivos reduce el tráfico de la red como lo haría una red CDN.

IPFS

InterPlanetary File System

4. DApp et Smart Contract

Una DApp también se denomina contrato inteligente.

Un Smart Contract es una aplicación programada, compilada y luego almacenada en la cadena de bloques que luego actúa como una interfaz para consultar y almacenar información.

Estos contratos una vez implementados no son editables. Esto garantiza la sostenibilidad de las reglas que se crean instancias en él.

Los sectores de aplicación de DApp son múltiples:

DApp

DApp, Distributed Application

5. DeFI (Decentralized Finance)

DeFI reúne todos los servicios y productos financieros. Con DeFi, los mercados siempre están abiertos y ninguna autoridad puede bloquear el acceso o suspender las cotizaciones. Las aplicaciones son múltiples:

  • Transferencia de dinero
  • Intercambio de valores o divisas
  • Trading
  • Oferta inicial de monedas (ICO) u ofertas iniciales de tokens

Existen muchas aplicaciones DeFI:

uniswap

Uniswap facilita el intercambio de sus tokens. Un favorito de la comunidad que permite intercambiar tokens con personas a través de la red Ethereum.

binance

Binance es una plataforma global de intercambio de criptomonedas que le permite intercambiar más de 100 criptomonedas .

6. Colecciones NFTs (Non fungible Tokens)

Un token no fungible es un token criptográfico que representa algo único; por lo tanto, los tokens no fungibles no son intercambiables como los tokens ICO.

gatos de cryptoKitties

Cryptokitties es un juego en línea y DApp que permite a los jugadores comprar y vender, así como recopilar y plantear diferentes tipos de gatos virtuales. Utiliza la cadena de bloques Ethereum, y los gatos virtuales se intercambian a cambio de Ether, la criptomoneda nativa de la cadena de bloques Ethereum.

sorare

Sorare es un juego de fútbol global, en el que los jugadores compran, venden, comercian y administran un equipo virtual con tarjetas de jugador digitales.

eterneum

Eterneum es el registro único interplanetario de humanos. Permite mantener gracias a la blockchain de Ethereum e IPFS, el rastro de toda la humanidad. Las personas son identificadas y representadas por un código y un dragón con características únicas.

7. Arte

En el campo del arte, la blockchain se utiliza para autenticar al propietario de una obra y comprar o vender obras digitales. Existen muchas plataformas:

opensea

OpenSea es un mercado para la compra e intercambio de obras de arte.

foundation app

Foundation es un patio de recreo creativo para que artistas, galeristas y coleccionistas para que descubran la nueva economía creativa.

superrare

SuperRarre es un mercado de arte digital en Ethereum. Cada obra de arte es auténticamente creada por un artista de la red y simbolizada como un objeto de colección digital.

Conclusión

Blockchain y DApp muy pronto tendrán mucha importancia en la vida de cada uno de nosotros, estamos convencidos.

No dudes en contactarnos si deseas asesoramiento sobre tu proyecto web.

Diseño Web

¿Por qué elegir TodoBravo para crear o posicionar tu web?

Diseño web y marketing digital

Nuestro equipo combina todas las habilidades para hacer que tu proyecto sea un éxito: diseñadores gráficos, diseñadores web, desarrolladores web y consultores marketing. Transformamos tus ideas en sitios web impresionantes y rentables.

Servicios y mantenimiento web

Ofrecemos una amplia gama de servicios adicionales: compra de dominios, alojamiento web profesional, creación de logotipos, redacción de contenidos, traducciones profesionales, mantenimiento web, branding, presentaciones corporativas y mucho más.

Calidad y profesionalidad

Profesionales comprometidos, optamos por la calidad y construimos relaciones a largo plazo. Somos un equipo multidisciplinario con amplia trayectoria de proyectos web exitosos. Nuestro "team" es internacional y multi idioma, hablamos español, francés e inglés.

Asesoramiento

Te ayudamos a dar forma a tu proyecto y te asesoramos durante todos los pasos. Estructuramos las fases, los tiempos y los costes de la creación de tus ideas.

Precios

Nuestras tarifas de diseño web y de marketing online corresponden a la calidad del trabajo contratado. Ajustamos nuestros precios para que sean competitivos igual que atractivos.

No somos una fábrica de páginas web baratas. Somos diseñadores web y consultores digitales que cumplen objetivos de calidad.


tendancias diseño web 2021 todobravo.es

10 tendencias en diseño web para 2021

Hay que destacar que la digitalización del comprador es más importante que nunca, tras un año de teletrabajo y confinamientos. Ya es un hecho: los españoles, al igual que muchos otros países, dedican mucho más tiempo a la búsqueda de productos y servicios en Internet que hace un año. Eso hace que necesitas una página web de calidad con todas las funcionalidades interactivas que permiten valorar tu negocio. Descubre con nosotros lo último en diseño web y marketing digital para este 2021.

El año pasado nos sometió a una gran cantidad de tensiones. Sin embargo, algo positivo quedó después de todo, particularmente en el ámbito de la digitalización y de los aspectos que la componen. Entre ellas, el diseño Web, que se ha consolidado como una actividad en evolución constante. Lo mismo sucede con el marketing digital, dinamizado por todos los eventos vividos.

Y precisamente, si algo podemos destacar de este año, se refiere a propuestas innovadoras y creativas. Se trata de un paso lógico en un mundo que avanza rápidamente a la digitalización de la que el diseño web es abanderado.

En cada una de las propuestas que te presentaremos en este artículo, debes entrever la influencia de nuevas tecnologías en expansión permanente. Nuevos caminos, sobre todo, en el marketing digital, para un recorrido sumamente interesante y orientador. Estas son solo algunas; las que hemos considerado que mejor se adaptan para todo tipo de negocios. La evolución es interesante y apenas comienza.

1. Imágenes 3D interactivas

Se trata de una estrategia derivada, precisamente, de la evolución de las tecnologías asociadas a la realidad virtual. Imagínate lo útil que puede resultar para una tienda online tener sus productos en gráficos 3D con los que el cliente puede apreciar la totalidad de los elementos que lo componen. Y esta es solo una aplicación aislada para este tipo de diseño web. El marketing digital para espacios como las compañías inmobiliarias, actividades de ocio digitales, incluso, tutoriales sobre actividades concretas, se facilitan enormemente con este tipo de aplicaciones en el diseño.

tesla web 2021

Tesla usa imágenes 3D interactivas en su página web para dar a conocer sus coches eléctricos y sus soluciones de energía solar y renovable.

new balance web 3d

New Balance presenta productos escaneados en 3D y renderes 3D en su tienda online de moda. Las zapatillas virtuales se pueden manipular a 360° en pantalla táctil o con el ratón, creando una experiencia de compra increíble.

redlight desarrollo web

Redlight ilustra con animaciones 3D su actividad de desarrollo web.

2. Gráficos realistas de calidad mejorada en formato SVG

De nuevo, esta es la evolución de algunas tecnologías existentes, pero mejoradas gracias al crecimiento exponencial de capacidad gráfica. Es el caso de SVG, un formato de imagen historico, pero que ha desarrollado potencialidades nuevos en varios aspectos. La atención al detalle es otra de las tendencias derivada de este tipo de alternativas gráficas. Ahora SVG ha crecido en posibilidades, puedes optimizar las presentaciones de manera ágil, con un tamaño pequeño, gran escalabilidad y flexibilidad. Lo ingenioso, y que conforma el interés para el diseño web en 2021, es que puedes incorporar gráficos en todo tipo de plataforma, sin desmejorar la experiencia del usuario. Incluso, este último puede modificar la imagen si lo desea.

gatos de cryptoKitties

CryptoKitties es un juego de blockchain en Ethereum que permite comprar, vender y criar gatos virtuales en formato vectorial SVG con un « ADN » único.

colores Pantone 2021 Ultimate Gray y Illuminating

Los colores Pantone 2021 son Ultimate Gray + Illuminating, una combinación de gris y amarillo que veremos con frecuencia en las nuevas páginas web de este año.

web hotel aguas de ibiza 2021

Aguas de Ibiza usa botones fantasmas y imágenes SVG para promocionar online su nuevo hotel en Baleares.

3. La micro interacción, involucrando al usuario

Esta sí es una idea relativamente novedosa, agregando al diseño web, una recompensa por acciones del usuario. Esta gratificación se relaciona con la optimización UX, en la que el usuario puede interactuar con la página web generando empatía con el desarrollo del sitio. Es sumamente importante, desde la perspectiva de integración, sobre todo, en marketing digital de tiendas online. La razón es sencilla, obliga al cliente a realizar acciones complementarias que lo estimulan a seguir con la ruta.

interacción tableta samsung

Tableta Samsung, micro interacción navegando en una tienda online.

Spring Summer 2018 Gucci Hallucination

Spring Summer 2018 Gucci Hallucination, web interactiva con efecto parallax.

polish christmas guide

Polish Christmas, tradiciones navideñas polacas presentadas con guía interactiva basada en HTML5.

4. Contenidos de responsabilidad corporativa y medio ambiental

Si algo ha evolucionado de manera positiva es el compromiso ambiental de la gran mayoría de las empresas. Más allá de las leyes coercitivas, las tendencias se ubican en la generación de conciencia en aspectos sociales y ecológicos. Al respecto, lograr un posicionamiento efectivo para una organización depende de entrar en sintonía con los valores sociales predominantes. Es una cuestión que ha pasado de tendencia a convertirse en actitud organizacional. Por ello, los contenidos de páginas web de todo tipo se orientan a ofrecer soluciones a problemas sociales o de la naturaleza, en la certeza que los mismos forman parte de un escenario colectivo muy claro y de carácter permanente.

planeta naturaleza

Planeta, naturaleza y responsabilidad: el marketing verde o ecológico es la clave del contenido 2021.

5. Infinite Scroll

Una tendencia que no es nueva, pero que se ha consolidado, sobre todo, en función de campañas de marketing concebidas en función de storytelling. Los contenidos son continuos y esto permite seguir una historia en la que quedamos atrapados por su efectividad emocional. El desplazamiento infinito, permite un tipo de interacción especialmente diseñada para narrativas web. La importancia de la optimización a través de técnicas SEO es fundamental en este caso, sobre todo, en cuestión de interlink o de gestión de contenidos determinantes para los buscadores. Es una forma de mejorar el posicionamiento de tu página web, en función de evitar cuestiones como solapamiento y tiempos de carga.

web Vastmix 2021

Vastmix, estudio de diseño centrado en branding digital, dirección de arte y comercio electrónico.

web polo ralph lauren 2021

Polo Ralph Lauren, web de moda con infinite scroll.

web cookii

Web de Cookii, robot de cocina, combina efecto parallax, infinite scroll y modo oscuro creando un diseño llamativo.

6. Interactividad con la historia

Otra de las bases del marketing digital desde hace mucho tiempo. Sin embargo, el avance tecnológico en el diseño web ha permitido nuevas formas de interacción con la historia. Un ejemplo es el efecto de paralaje, capas que van moviéndose a velocidades diferenciadas y que generar un estímulo visual, dinámico e interesante. La tendencia es representada como un medio para generar dinamismo visual y evitar el cansancio por visualizaciones estáticas. El paralaje estimula la búsqueda de nuevos contenidos que, optimizados con SEO, representan una verdadera posibilidad de posicionamiento efectivo para tu página web.

web lounge lizard agencia de marketing digital

Lounge Lizard, agencia de marketing digital en américa del norte, web con una historia interactiva.

web anemoi

Anemoi, web corporativa de energía renovable usando las últimas tendencias de diseño web para empresas.

web designli agencia de diseño web

Designli, famosa empresa de diseño web que emplea ilustraciones animadas para demostrar su capacidad a desarrollar web modernas.

7. La personalización en la experiencia del usuario

Si haces eficientemente tu trabajo de segmentación de mercado, encontrarás cierta diversidad en la buyer persona. Un escollo para muchas campañas que deben enfocarse en un determinado target para no perder esfuerzos y recursos valiosos. Especialmente en una tienda Online, en la que las diferencias de arquetipo de cliente pueden ser sustanciales. Sin embargo, la solución es bastante sencilla: la personalización de la experiencia; es decir, a cada uno le ofreces lo suyo. Una misma página web, se diseña para adaptarse a grupos específicos y la entrada a cada sección forma parte de la experiencia. De nuevo, la tendencia se ubica en la creatividad y en la capacidad para elaborar contenidos adaptados y adaptables.

Chris Roome Love Island mujer y su perro en la piscina

Chris Roome – Fotografía de moda: una mujer y su perro disfrutando en la piscina.

clienta y dependiente en una tienda

Experiencia de compra «Phygital» personalizada en una tienda: la clienta tiene cuenta en la tienda online.

8. Automatización del contacto

Especialmente interesante en ambientes como las campañas de Email marketing. No solo para la conexión inicial y seguimiento, sino para la propia comunicación con el lead. En este campo, los chatbot marcan una diferencia sustancial con el pasado reciente, sobre todo porque se están haciendo cada vez más interactivos. La esencia de esta tecnología es el machine Learning e inteligencia artificial, definido en función de la manera en que los bots, realmente aprenden a comunicarse con seres humanos reales. Las sensaciones de acompañamiento y de interacción relevante, son algunos resultados que todavía en estudio, pero la tendencia parece positiva.

chatbot

Los Chatbots en primera fila de la tendencia de automatización del contacto.

9. Continúa el modo oscuro

En efecto, si bien es una tendencia que se estableció anteriormente, se ha mantenido y evolucionado hacia todos los espacios posibles. Páginas web, aplicaciones, buscadores, todos han desarrollado sus propias opciones de dark mode. No solo es comodidad para el usuario, es una estética que se relaciona, además, con el mantenimiento de cierto minimalismo en los diseños web.

apple web del iphone 12 pro

Apple reserva el modo oscuro al Iphone 12 pro y pro max, sus modelos de alta gama.

web urbanized bikes 2021

Urbanized Bikes subraya la elegancia de sus bicicletas gracias al modo oscuro.

10. La velocidad sí importa

Hemos dejado para el final la que consideramos no solo una tendencia en el diseño web, sino una obligación en todo tipo de desarrollo. La importancia de la interacción es definitiva y el requerimiento en torno a velocidad en la experiencia se mantiene. Por suerte, se hace cada día más sencillo acceder a diseño ágiles y rápidos. Básico para una página web, que sea capaz de ofrecer informaciones, vídeos, gráficos, contenidos en tiempo real. De allí que sea cada vez más frecuente que los diseños reduzcan el peso de los elementos, así como la eliminación de todo lo superfluo, para agilizar la experiencia. La consecuencia directa, se traduce en mayor relevancia del contenido que queda y, por tanto, menos especulación estética.

ilustración de velocidad web 1 Gbps

Ya disfrutamos en España de la fibra 1 Gpbs y de la red 5G. Así que tu página web tiene que ser de la más rápida que se pueda.

página web de zara febrero 2021

Zara siempre aplica a su web de moda lo último en diseño: pagina de incio con videos integradas con fuentes grandes, además de un  infinite scroll para ofrecer una experiencia de compra personalizada y por supuesto ofreciendo una automatización del contacto.

Conclusión

Sin duda alguna, 2021 trae novedades, de la mano de la evolución positiva de la tecnología y de los propios dispositivos. La revolución móvil, velocidad, interactividad, entre muchas otras cosas, seguirán evolucionando y el diseño web aportará su propio espacio para que esto suceda y cada vez más rápido.

No dudes en contactarnos si deseas asesoramiento sobre tu proyecto web.

Diseño Web

¿Por qué elegir TodoBravo para crear o posicionar tu web?

Diseño web y marketing digital

Nuestro equipo combina todas las habilidades para hacer que tu proyecto sea un éxito: diseñadores gráficos, diseñadores web, desarrolladores web y consultores marketing. Transformamos tus ideas en sitios web impresionantes y rentables.

Servicios y mantenimiento web

Ofrecemos una amplia gama de servicios adicionales: compra de dominios, alojamiento web profesional, creación de logotipos, redacción de contenidos, traducciones profesionales, mantenimiento web, branding, presentaciones corporativas y mucho más.

Calidad y profesionalidad

Profesionales comprometidos, optamos por la calidad y construimos relaciones a largo plazo. Somos un equipo multidisciplinario con amplia trayectoria de proyectos web exitosos. Nuestro "team" es internacional y multi idioma, hablamos español, francés e inglés.

Asesoramiento

Te ayudamos a dar forma a tu proyecto y te asesoramos durante todos los pasos. Estructuramos las fases, los tiempos y los costes de la creación de tus ideas.

Precios

Nuestras tarifas de diseño web y de marketing online corresponden a la calidad del trabajo contratado. Ajustamos nuestros precios para que sean competitivos igual que atractivos.

No somos una fábrica de páginas web baratas. Somos diseñadores web y consultores digitales que cumplen objetivos de calidad.


Diseño web 2020: las 10 tendencias en diseño de páginas web que debes conocer

El diseño web evoluciona cada año y sigue cada vez más, las modas como la industria textil, el diseño interior y la arquitectura. El diseño plano minimalista (flat design) que ha prevalecido durante varios años, evoluciona progresivamente con más gráficos, ilustraciones y elementos de estructuras originales.

Puras novedades, nuevas tendencias, grandes clásicos reinventados, os presentamos en este artículo todas las técnicas de diseño web 2020, con varios ejemplos de las principales marcas españolas y del mundo, y como les usan para su imagen corporativa.

1. Ilustración a mano

Gráficos imperfectos, líneas trazadas a mano, iconos dibujados a lápiz, son todos elementos gráficos que dan más humanidad y personalidad a los sitios web. Este movimiento va en contra del píxel perfecto que predominó con el diseño plano. Sin dudas, los que piden un desarrollo web a medida para un público objetivo joven, encontrarán este estilo gráfico en su web.

Puma, uso de líneas a mano alzada, alrededor de productos y modelos.

Puma, uso de líneas a mano alzada, alrededor de productos y modelos.

Adidas, ilustración de aviones de papel para subrayar la ligereza del zapato SL20.

Adidas, ilustración de aviones de papel para subrayar la ligereza del zapato SL20.

Banco Santander, dibujo infantil que ilustra un préstamo de vivienda.

Banco Santander, dibujo infantil que ilustra un préstamo de vivienda.

2. Mezcla de fotografía y gráficos.

Agregar gráficos e ilustraciones a fotografías reales es una forma de personalizar imágenes y hacerlas únicas. Las ilustraciones típicas de «garabato» hacen que las imágenes sean más dinámicas y más divertidas, mientras que los gráficos más geométricos dan una impresión de sofisticación y calidad. Una manera sencilla de refrescar una web corporativa.

Perrier, ilustraciones añadidas a fotografías.

Perrier, ilustraciones añadidas a fotografías.

Wallapop, fondo gráfico en fotos de categorías de productos.

Wallapop, fondo gráfico en fotos de categorías de productos.

Decathlon, cintas y siluetas dibujadas a mano alrededor de las fotografías.

Decathlon, cintas y siluetas dibujadas a mano alrededor de las fotografías.

3. Modo oscuro

¿Qué es el modo oscuro? Es un tema gráfico con fondos oscuros y colores claros. Desde la versión de iOS 13, es posible usar aplicaciones con un fondo negro y fuentes blancas. El modo oscuro permite concentrarse más en los elementos importantes de una página, no cansa los ojos y facilita la lectura por la noche. En diseño web, resalta los gráficos, fotografías y colores brillantes.

Apple iPhone 11 Pro, modo oscuro.

Apple iPhone 11 Pro, modo oscuro.

Mercedes Benz, interfaz oscura.

Mercedes Benz, interfaz oscura.

Porfolio de clientes todobravo.es

Porfolio de clientes todobravo.es, agencia de diseño web Madrid.

4. Gradiente de colores

El diseño plano y el ultra minimalismo se han establecido en el diseño web durante varios años. Desde 2019, los gradientes de luz y los gradientes de varios colores aparecen en los fondos de la página o en los botones.

Nike, gradiente de 4 colores.

Nike, gradiente de 4 colores.

5. Enmarcado de elementos con espacios vacíos.

Grandes espacios en blanco enmarcan las imágenes o textos. Esta técnica de diseño no es nueva, pero vuelve con fuerza en 2020. Cuando queremos resaltar algo, lo enmarcamos y no ponemos nada alrededor, como una pintura en una exposición. Esto pone el foco en lo que es importante y le da menos importancia al resto de los elementos en la página.

Mango, espacio en blanco que rodea las fotos de modelos.

Mango, espacio en blanco que rodea las fotos de modelos.

Carolina Herrera, espacio en blanco que rodea el botón de acción

Carolina Herrera, espacio en blanco que rodea el botón de acción «Comprar ahora».

Gucci, espacio vacío enmarcando los productos de la tienda online.

Gucci, espacio vacío enmarcando los productos de la tienda online.

6. Capas superpuestas

Esto implica romper la estructura normal de una página web y desplazar elementos uno respecto al otro. Los bloques de texto pasan sobre las imágenes, las imágenes se mueven del flujo de lectura normal.

Esta tendencia le da a la página más originalidad sin hacerla más compleja, al sobrecargarla con elementos gráficos innecesarios.

Jean Paul Gaultier, texto desplazado, fondos e imágenes asimétricos.

Jean Paul Gaultier, texto desplazado, fondos e imágenes asimétricos.

Salvatore Ferragamo, marco de texto superpuesto a la imagen.

Salvatore Ferragamo, marco de texto superpuesto a la imagen.

Medium, texto flotando sobre un marco de texto.

Medium, texto flotando sobre un marco de texto.

7. Colores de bohemia natural a alta costura extravagante

El color Pantone 2020 es PANTONE 19-4052 Classic Blue. Este color es elegante en su simplicidad y sugiere el color del cielo al anochecer. Es tranquilizante y propicio para la reflexión.

Encontramos este color en la fotografía, la ilustración y los gráficos, para dar un estilo que va desde lo bohemio natural hasta la alta costura brillante.

Chris Roome - Fotografía de moda.

Chris Roome – Fotografía de moda.

Jvdas Berra - Fotografía de moda.

Jvdas Berra – Fotografía de moda.

Morillas Branding- Fontvella – Gráficos.

Morillas Branding- Fontvella – Gráficos.

8. Blanco y negro

El blanco y negro se encuentra como todos los años en las tendencias de diseño web. Siempre es sinónimo de chic, elegancia y atemporalidad. Un sitio web en blanco y negro siempre estará de moda y no requerirá actualizaciones frecuentes. El blanco y negro a menudo se usa en temas gráficos de tiendas en línea para tranquilizar al usuario y dar la máxima importancia al producto.

Prada, fotografía en blanco y negro.

Prada, fotografía en blanco y negro.

9. Video Hero

Los videos en gran formato aparecen en las páginas, brindando una experiencia de inmersión completa en el sitio web. Las conexiones a Internet de banda ancha, así como la llegada de 5G, ciertamente aumentarán el uso de estos medios.

10. Objetos 3D y efectos 3D

La adición de objetos 3D o renderizado 3D permite, al igual que las videos, sumergirse en la imagen al eliminar la barrera entre lo digital y la realidad. La tecnología y el material son mucho más accesibles para producir hoy este tipo de imágenes que veremos más y más en 2020.

Jean Paul Gaultier, fotografía sublimada por efecto 3D.

Jean Paul Gaultier, fotografía sublimada por efecto 3D.

Apple, AirPods Pro.

Conclusión

Ilustraciones, 3D, mezclas de realidad fotográfica y digital, la experiencia del usuario será cada vez más inmersiva en el diseño web 2020. El diseño plano hiper minimalista que tendió a estandarizar los sitios web, desaparece poco a poco para un diseño web más diferenciador.

Durante varios años, hemos estado estudiando las tendencias en diseño web para ofrecer a nuestros clientes las últimas técnicas de creación, adaptándolas a su imagen y sus objetivos de comunicación. No dude en contactarnos si desea asesoramiento.

Diseño Web

¿Por qué elegir TodoBravo para crear o posicionar tu web?

Diseño web y marketing digital

Nuestro equipo combina todas las habilidades para hacer que tu proyecto sea un éxito: diseñadores gráficos, diseñadores web, desarrolladores web y consultores marketing. Transformamos tus ideas en sitios web impresionantes y rentables.

Servicios y mantenimiento web

Ofrecemos una amplia gama de servicios adicionales: compra de dominios, alojamiento web profesional, creación de logotipos, redacción de contenidos, traducciones profesionales, mantenimiento web, branding, presentaciones corporativas y mucho más.

Calidad y profesionalidad

Profesionales comprometidos, optamos por la calidad y construimos relaciones a largo plazo. Somos un equipo multidisciplinario con amplia trayectoria de proyectos web exitosos. Nuestro "team" es internacional y multi idioma, hablamos español, francés e inglés.

Asesoramiento

Te ayudamos a dar forma a tu proyecto y te asesoramos durante todos los pasos. Estructuramos las fases, los tiempos y los costes de la creación de tus ideas.

Precios

Nuestras tarifas de diseño web y de marketing online corresponden a la calidad del trabajo contratado. Ajustamos nuestros precios para que sean competitivos igual que atractivos.

No somos una fábrica de páginas web baratas. Somos diseñadores web y consultores digitales que cumplen objetivos de calidad.


tigre multi colores en articulo tendencias diseño web 2019 de todobravo

Diseño Web 2019: Tendencias Páginas Web y Tiendas Online

Las tendencias web 2019

Conocer las tendencias web 2019 es crucial al crear, renovar o posicionar tu sitio web este año. Como expertos del Marketing digital, del Diseño y Desarrollo web, queremos compartir contigo las novedades que impactan los sitios webs 2019.

Olvídate de la palabra “página web”. Ya estamos hablando de mucho más. Cual sea el objetivo de tu web (dar a conocer tus servicios o productos, aumentar el reconocimiento y el posicionamiento de tu marca, ampliar tu mercado, vender online, aumentar tus ventas, captar nuevos clientes…), una web de éxito en 2019 tiene que mezclar Marketing Digital, Contenidos Optimizados, Diseño web de vanguardia y Desarrollo web de excelencia.

Un cóctel de técnicas y de creatividad que TodoBravo Diseño Web Madrid sirve desde una década a sus clientes por toda Europa.

Lo que sea tu negocio, el posicionamiento ya no es una opción: SEO (orgánico), SEM (de pago), SOCIAL (más que redes) y otras técnicas de visibilidad web te propulsan por encima de la competencia, en las primeras posiciones de los buscadores y de las redes sociales.

Aumentar la visibilidad online de tu negocio no solo es tener el mejor diseño web y ofrecer la mejora experiencia de usuario. Las estrategias digitales son múltiples, te propondremos la más adecuada para cumplir con los objetivos de tu proyecto web y tu presupuesto web.

Como cada año, seguramente unos nos copiaran este estudio de las TENDENCIAS DIGITALES 2019. Para que lo sepan: Google en 2019 valora más que nunca el contenido original, el contenido de calidad. La inteligencia artificial ya es una realidad y ya está integrada en el ranking de los sitios web.

 

Pantallas Apple con lámpara 2019

 

El 31 de octubre del 2017 os anunciemos las tendencias del Diseño Web 2018. Sabemos que muchas triunfaron y que algunas se quedarán todo el 2019. Como agencia web, unimos nuestras experiencias desde París y Madrid, y compartimos una vez más contigo nuestra visión de las novedades que impactan el diseño y desarrollo web 2019.

El Internet 2019 se enfoca aún más en el móvil: por primera vez el posicionamiento global en Google integra el Mobile First Index y valora la experiencia del usuario. El Diseño web 2019 prioriza la velocidad y el global responsive.

¡Siéntate! Te lo comentamos todo.

Los colores brillan, vibran, nos sorprenden

En el 2019, lo usual aburre. El 2019 tiene que ser llamativo, divertido, lleno de manipulaciones cromáticas.

Los principales sitios web confirmaron claramente que a los usuarios web les gustan las combinaciones de colores brillantes.

El buen uso de colores contribuye a captar visitantes.

Mujer de perfil con inscripción Running on Experience
ADOBE RUNNING EXPERIENCE
Colores Web Elje Group The Art of digital brand
ELJE GROUP

Gradientes y Duotones deslumbrantes

En el diseño web 2019 los colores de moda son gradientes y degradados.

Los ganadores de premios mundiales, música o cine, los Unicornios de la Silicon Valley y otros lo saben y lo usan: COLORES, COLORES Y MAS COLORES…

Gradientes y Duotones Spotify
SPOTIFY
Gradientes y Duotones Saints Stars
SAINTS STARS GYM

¿Cuáles son los mejores colores para tu web o tienda online?

Depende de tu sector, de tu mercado, de tu empresa… El “ADN” de tu marca lo define todo. Al conocer tu proyecto, te haremos propuestas.
Contáctanos ahora.

Blanco y Negro: los reyes del E-Commerce

¿Necesitas vender online? Cuando se trata de crear una tienda online de éxito, el protagonista es el producto o el servicio ofrecido a la venta.
Por eso el uso del Blanco y NegroMinimalismo y Botones transparentes es una combinación ganadora salvo unas excepciones sectoriales o de estrategia.

Como siempre: Menos es Más.

Mira este ejemplo de la tienda online SUUS, uno de nuestros clientes:

 Tienda Online SUUS con 2 hombres
SUUS

En el diseño de la tienda online Zara, añadimos un toque Rojo que lo potencia aún mas...

Tienda Online ZARA con mujer blanco y negro
ZARA (Colección Invierno 2018)

Para que una web minimalista sea impactante y llamativa, debemos cuidar al máximo las imágenes y los mensajes fuertes.
Los diseñadores web también siguen las tendencias "offline", de la vida real.
Por ejemplo pueden usar el color PANTONE del año. En 2018, era ultravioleta.

Pantone Of the Year 2018 Colores
PANTONE COLOR OF THE YEAR 2018

Emov, el carsharing más grande de Madrid, usa  el ULTRAVIOLETA en su web y sus coches.

EMOV coche Citroën con colores Pantone Of the Year 2018 EMOV

Formas Fluidas y Diagonal Design

Twitter, a principios del 2018, sorprendió a los usuarios cuando introdujeron fotos circulares de usuarios. Marcó el inicio una de las tendencias web 2019: el diseño web fluido.

Diseño web 2019 Fluido y circularEl diseño web siempre ha sido bastante “cuadrado”, centrándose en líneas, bordes duros, polígonos y rectángulos.

En el 2019 veremos más sitio web con el Diagonal Web Design y unas Slanted lines.

En Mokhtar Saghafi el sitio web se carga como una columna, pero el fondo se basa en inclinaciones diagonales hacia abajo.

Diseño web 2019 Fluido y circular Saghafi
Mokhtar Saghafi UX Designer

En Stedi mezclamos el diseño diagonal con diseño web parallax "Scroll Down":

Diseño web 2019 Fluido y circular EDI
STEDI

En Affinity la realidad y el diseño web se unen para revelar formas fluidas:

Diseño web 2019 Fluido y circular Affinity
AFFINITY

En Movistar España el diseño web combina líneas cortas rectasformas y círculos fluidos:

Diseño web Web 2019 Fluido y circular Movistar España Fútbol
MOVISTAR ESPAÑA

En Stripe (como en Stedi) las secciones de división en diagonal marcan la diferencia.

Diseño web 2019 Fluido y circular Stripe
STRIPE

El Menú hamburguesa sabor 2019

Las funciones móviles, como la hamburguesa/menú oculto son habituales en las páginas web 2019 de escritorio también.

Diseño web con menú hamburguesa
PANIC STUDIO

En Panic Studio usan el Diagonal Web Design que acabamos de comentar.

La nueva tendencia 2019 es de usar 3 líneas que no son simétricas y un menú web emergente que cubre completamente la pantalla. Es atrevido, pero siempre intuitivo.

Tendencias Diseno Web 2019 menu hamburguesa
BLACK SHEEP STUDIOS (Menú hamburguesa 2019: líneas asimétricas y Full pantalla)
Diseño Web 2019 menú hamburguesa
DURSUN LIMOUSINE (Menú hamburguesa 2019: emergente y Full pantalla

Este tipo de menú web permite integrar un buscador de contenido elegante para el sitio web.

El Diseño Hero se queda y lidera

Cada vez más encontramos páginas web que utilizan del diseño Hero. Se trata del uso de imágenes para grandes cabeceras que se adaptan a todas las pantallas y que abarcan todo el ancho de la página. En este tipo de tendencia también destaca el uso de los botones ghost o transparente que hacen que la imagen destaque.

 Tendencias Diseño Web 2019 diseño hero
THE RENOVATOR

Mejor tu web en móviles, Mejor tu posicionamiento web global

La nueva realidad del SEO 2019: La calidad de tu web en móviles lo cambia todo. El diseñador web está mano a mano con el desarrollador web. Lo estábamos esperando desde hace tiempo: el Diseño Responsive ahora cambia el ranking global de tu web.

Lunes 26 de marzo del 2018: Google anunció oficialmente en "Webmaster Central Blog" a todas las empresas de Desarrollo y Diseño Web seguidoras que el Mobile First Index arranca y se reforzará gradualmente.

Diseño web mobile first indexing
MOBILE FIRST INDEX 2019

Ahora, la indexación de una página y su ranking se realiza tomando como referencia la versión web para dispositivos móviles y no la versión web para ordenadores como anteriormente. La indexación de la versión para ordenadores no desaparece, simplemente Google renueva sus prioridades considerando como protagonistas los dispositivos móviles.

Una elección de Google lógica ya que:

  • El móvil supera al ordenador desde 2016 para acceder a Internet.
  • El fin del Roaming en Europa el 15 de junio 2017 contribuyó a que los móviles y tabletas se impongan como dispositivos principales de acceso a Internet en nuestros países europeos.
  • En 2018, 60% del tráfico eCommerce en el mundo llega desde móviles y tablets (Estudio Salesforce Shopper First Retailing 2018) [Un 14% más que en el 2017].
  • En su último informe Futuro Digital Global 2018, ComScore revela que el uso del smartphone en exclusiva para acceder a internet, sigue comiéndole terreno al uso de tablet y ordenador en mercados como Estados Unidos.

La calidad de tu web en móviles va a contribuir más y más en el posicionamiento SEO global de tu empresa online.

Posicionamiento web SEO 2019 Mobile First
SEO WEB 2019

2016 y 2017: te contábamos porque la compatibilidad con los dispositivos móviles de tu sitio web era lo más importante.
2018: introducimos la creatividad “Mobile First”, es decir el hecho de pensar el diseño de una página web “para móviles primero”.
2019: el MÓVIL ES EL PROTAGONISTA, hasta cambiar el POSICIONAMIENTO de la versión sobremesa (PC/MAC) de tu web.

Desde TodoBravo Diseño Web, pensamos “Responsive”, desarrollamos "Móvil" para que tu contenido sea perfectamente asequible en todos los tipos de pantallas y que consigas el mejor posicionamiento natural que se pueda.

 

Tipografías ganadoras: hechas a mano, modernas, robotizadas o clásicas

Cada tipografía se vincula a un sector muy concreto. Conocer a tu público nos permite elegir las mejores tipográficas para tu proyecto web y fomentar tu marca online.
Las tipografías otorgan una personalidad exclusiva, siendo muy positivo diferenciarse gracias a la utilización de las mismas. Las tipografías de moda en 2019 son cada vez más divertidas, tal como letras grandes sobre imágenes.

Botella de cerveza ROSITA
ROSITA

Gifs animados y Cinemagraphs a la perfección

Los Gifs y Cinemagraphs animan las webs del 2019. En palabras sencillas, son imágenes animadas en loop continuo que generamos desde videos.

Un ejemplo vale más que mil palabras.

Vídeo de inicio full pantalla: ¿Si o No?

Un video atractivo capta la atención del usuario, sobre todo en modo Full pantalla. No tenemos ninguna duda. Ya lo recomendamos en el 2016.

En el 2018 el video en distintos formatos y formas de promoción ha estado muy presente… Pero en el 2019 NO va a seguir igual.
Los navegadores empiezan dando guerra a los videos.

En el 2019, los navegadores usan la Inteligencia artificial para decidir si lo arrancan o no automáticamente, si reproducen o no el sonido. La reproducción automática NO puede ser garantizada. Como diseñadores web tenemos que adaptarnos, ya hemos encontrado soluciones. Contáctanos ahora y hablamos de tu web.

 

HTTPS = no solo seguridad, confianza y visibilidad. También es POSICIONAMIENTO.

¿HTTPS/SSL? ¿Hablamos de técnica? Discúlpanos, jamás lo hacíamos en nuestro informe anual de las tendencias web.

Pero en el 2019 hay una realidad técnica que no podemos silenciar. Este protocolo HTTPS que no parecía nada hace poco, se ha convertido en la norma imprescindible del desarrollo web 2019 desde que los navegadores Chrome (69+), Firefox (61+) lo enfocan.

TodoBravo Diseño Web

No solo permite conseguir el aviso “web segura” del navegador, sino que también genera la confianza de tus visitantes en tu página web o tienda online.

¡Ojo! A lo largo del año 2019 los navegadores lo pondrán aún más como “no seguro”.

Creamos páginas web y tiendas online 100% HTTPS, porque en el 2019 este protocolo ya no puede faltar.

Google reCAPTCHA: sin comparación, el mejor antispam

Formulario de contacto, Inicio de sesión… lo que sea de autentificación: hacerlo con protección antispam moderna es un lujo que merecemos todos. El Google reCAPTCHA se impone como la mejor solución antispam 2019, la que lidera el mercado gracias a la integración de inteligencia artificial.

Acabamos con la matemática, las páginas web que te lo ponían tal como “resolver 2+4=…” eso cualquier robot del 2019 es capaz de conseguirlo. Confiamos en Google reCAPTCHA. Google lidera el mercado del antispam.

Google Maps: más posibilidades… pero más restricciones

Exponer un mapa Google Maps en tu (sitio) web requiere desde julio 2018 una Google API Key y una cuenta de facturación Google API.

Desde TodoBravo Diseño Web, lo hacemos para TODOS nuestros clientes.

¿Tu mapa google no funciona en tu página web? Cuéntanos, te lo solucionamos.

 

Las normativas LOPD, RGPD y demás impactan

¿Cómo cumplir la Ley de Protección de Datos? Desde años, cumplir las normativas “webs” tal como LSSICE o LOPD es fácil: presentar páginas informativas (Aviso Legal, Política de Privacidad, Política de Cookies...) y un banner informativo del uso de cookies.

TodoBravo Diseño Web

Las cosas cambiaron el 25 de mayo del 2018 cuando entró en vigor el RGPD al nivel europeo. También conocida como GDPR (General Data Protection Regulation) en inglés, no puedes ignorarla. Es una normativa que impacta realmente a todas aquellas empresas que traten datos de los ciudadanos europeos. Te asesoramos gratuitamente según lo que recoges de datos, no dudes en contactarnos.

La Interactividad y la diversión del Diseño web

Apasionados del Diseño gráfico, del Diseño web, del Desarollo web, vamos más allá en la interactividad, haciendo de nuestro negocio algo divertido.

Terminamos este estudio de la tendencias web 2019 con 3 "masterpiece" de la Interactividad y del Diseño.

Activa y sube el sonido de tu navegador

¡Ven a PINCHAR con Because Recollection!

BECAUSE RECOLLECTION INTERACTIVE WEBSITE

¡Ven a BAILAR con el flamenco Pablo!
Hagas lo que hagas, no paras la música o Pablo la arrancará de nuevo :)

PABLO THE FLAMINGO

¡Ven a JUGAR con nosotros!

OUI GO (GRUPO SNCF - FRANCIA]

Conclusión: ¿Qué esperar del Internet del 2020?

Necesito un "lavado de cara de mi web”, dar algo de “aire fresco a mi página web”, quiero “renovar mi sitio web”, pienso “reformarlo todo”... En el panorama 2019 del Diseño y Desarrollo web, puede resultar complicado exponer lo que realmente necesitas.

No te preocupes: tenemos una década de experiencia y vamos a ayudarte basándonos en los objetivos de tu sitio web o tienda online.

Creamos, innovamos, destacamos… construimos audiencia a largo plazo.

A finales del 2019 otra tendencia web se confirma: los chatbots. Un chatbot es un programa informático con el que es posible mantener una conversación, tanto si queremos pedirle algún tipo de información o que lleve a cabo una acción. Unos están integrados en Asistentes Personales muy versátiles: Alexa, Siri, Cortana, Google Assistant.

Los Chatbots y los Asistentes Personales te abren en 2020 nuevos mundos para captar clientes. La inteligencia artificial del 2020 cambia tu posicionamiento para siempre, ya que es capaz de entender realmente tu negocio.

No te preocupes desde TodoBravo Diseño Web llevamos muchos años estudiando las tendencias de las (páginas) web, en 2020 podrás contar con nosotros, y seguramente leernos a finales de octubre del 2019.

Gracias por confiar en nosotros.


tendencias 2018 en diseño web por la web todobravo

Diseño Web 2018: Tendencias Páginas Web y Tiendas Online

Las tendencias del diseño web 2018

Como cada año, queremos compartir contigo nuestra visión de las tendencias del diseño web más prominentes para el 2018.

No es que haya un cambio brutal respecto a las TENDENCIAS EN DISEÑO WEB 2016 – 2017 pero sí que hay unos cambios que debes conocer a la hora de hacer una página web, renovar una web o crear una tienda online en 2018.

Las tendencias de diseño web son impulsadas por las páginas web populares, las tendencias tecnológicas, las grandes firmas y empresas, las costumbres de los usuarios web… así que nuestras observaciones de un mundo digital en movimiento continuo.

Por ejemplo, debes saber que desde 2016, el uso móvil superó la navegación de escritorio, y se queda desde entonces el dispositivo favorito de acceso al Internet para la mayoridad de los usuarios del Internet. Por eso, el Diseño Responsive no es una tendencia, sino una obligación a la hora de crear una página web, renovar una web obsoleta o hacer una tienda online en 2018.

Este año 2018, vemos innovaciones que te sorprenderán, innovaciones nunca vista hasta ahora. El diseño web 2018 está más que nunca centrado en el consumidor (consumer centric), las páginas web tienen más personalidad (Diseño único y a medida), Los escritorios se ponen con funcionalidades que se veían hace poco solo en móviles...

TodoBravo tiene más de una década de experiencia en diseño y desarrollo de Páginas Web y de Tiendas Online, te contamos todo lo que tienes que saber para esta cosecha digital 2018.

 

Página de inicio Video

El Video es una gran técnica para destacar entre la multitud. Desde un par de años, es de moda de dar la bienvenida a un visitante con un vídeo como inicio de una página web. Es un recurso que bien realizado conecta con el usuario. El vídeo genera cercanía y confianza.

Según un estudio de CISCO del 15 de septiembre de 2017, el video ya cuenta por el 73% del tráfico global Internet, y crecerá hasta el 82% en 2016.

En 2018, esta tendencia se confirma aún más, cuál sea el sector de actividad.

Mira estos ejemplos de Páginas Web con Video Pantalla Completa que te hemos seleccionado:

DITTO DC
RICH BROWN

Dependiendo de tu presupuesto, no hace falta siempre grabar un video con un profesional.

Consúltanos, desde TodoBravo Diseño Web te mandaremos un presupuesto de página web con video económico, relacionado con tu público objetivo y la imagen de tu empresa.

Gifs animados y “cinemagraphs”

No solo las páginas de inicio se ponen de Video. Lo de que un video vale más que mil palabras se puede aplicar perfectamente a otras secciones o apartados de una página web.
Una historia puede verse muy favorecida por el uso de un encabezado de vídeo.

Los Gifs y Cinemagraphs también animan las webs del 2018. Ambos son vídeos cortas o animaciones que corren en un loop continuo. A nosotros nos gustan solo los de alta calidad, tal como:

Cinemagraph hombre conduciendo un coche

Cinemagraph chimenea

 

Video, Gifs animados y “cinemagraphs” pueden convertir las páginas web en algo innovador donde el usuario se siente bien.

Hero: adiós Carruseles de imágenes (sliders) ¿?

"Hero" son imágenes que usamos para crear Fondos de pantalla completa:

 

Hero image de gente en una terraza

Si se trata de impresionar y captar la atención de tu audiencia, una imagen de fondo de pantalla completa es una buena solución. Si añadimos una tipografía legible y un eslogan que llame la atención, tenemos como resultado una muy buena página de entrada a tu web. Se usa mucho esa técnica también para realizar Páginas de aterrizaje (Landing Page).

Echa un vistazo a CLEVERBIRD CREATIVE WEB AGENCY, agencia de diseño web premiada en los Estados Unidos. Su página de inicio usa una “Hero”, una imagen de fondo a pantalla completa que se amplía para abarcar la totalidad de su monitor. Luego, al desplazarse hacia abajo, cada sección individual tiene su propio fondo o foto.

Hero image CleverBirds pantalla completa de una oficina
CLEVERBIRD CREATIVE WEB AGENCY

Utilizar imágenes de fondo grandes incita la curiosidad en el visitante de una página web.

Se pueden usar tambien solo para crear una banner web, una Cabecera llamativa:

Hero Image half screen

Otra ventaja del Diseño web Hero: es totalmente compatible con el Diseño Responsive y el Flat Design.

Queda perfecto para crear una tienda online también, mira este ejemplo de Daniella Draper Shop.

El Carrusel de Imágenes, conocido como slider, hace resistencia. Básicamente cualquier página puede hacer uso de los sliders, lo único que necesitas son varias imágenes igual de cautivantes para incluir en el slider. El slider usualmente cambia de imagen al pasar cierto tiempo y pone el énfasis sobre unos mensajes fuertes.

Colorful Website Design: Oleada de colores

En 2018, verás colores más brillantes, más vivos y un mayor uso de degradados.
¡Que seamos audaces! Si lo permite la imagen corporativa de tu empresa y tu mercado por supuesto.
Los colores ricos, los colores vibrantes son honrados, al igual que el uso de gradientes, saturaciones y tonos vibrantes.
Podemos permitírselo ahora gracias a los avances tecnológicos de las pantallas (8K, 5K, 4K, OLED…).

Echa un vistazo a esas webs de empresas que se ponen de (multi) Colores:

Colores Website Spotify
SPOTIFY
Tendencias Diseño Web 2018 Colores Website MailChimp
MAILCHIMP
Colores Website Elje Group
ELJE GROUP
Colores Website LeLand Originals
LELAND ORIGINALS

Monochromatic Website Design

Al contrario, en unos casos, el uso de un color único puede reforzar una marca, pone énfasis en el contenido y añade un tono moderno, atrevido, vanguardista a un diseño web.
Está demostrado que páginas con un color monocromático pueden conducir a unas conversiones muy alta.

Te presentamos 3 ejemplos de Diseño web Monocromático que lo demuestran perfectamente.

Mono Color Website Abaco
ABACO GROUP
Mono Color Website SFR RED
SFR FRANCE
Mono Color Website RED ORG
RED CHARITY

Tipografías Expresivas

2018 es el año de las Tipografías con personalidad, decimos adiós a las tipografías aburridas. Esto es gracias a la mayor disponibilidad de tipografías gratuitas disponibles al alcance de cualquier diseñador web. Por motivo de ultra compatibilidad nosotros recomendamos usar las fuentes Google Fonts.

Mira unos ejemplos de las Tipografías Google más creativas del 2018:

Tipografias google fonts
Barrio Regular: el rey de las mayúsculas
Special elite tipografia google font
Special Elite: el retro de las máquinas de escribir
kranky tipografia
Kranky: el infantil por excelencia
Tipografia playball
Playball: escritura a mano digital

Los diseñadores Web TodoBravo se concentran siempre en los objetivos de tu web para elegir contigo las mejores fuentes. Desde años usamos fuentes “protagonistas” para muchas de nuestras realizaciones web, tal como OPEN SANS o MONTSERRAT que nos gustan mucho. En 2018 si que la fuente será más protagonista que nunca en el diseño de páginas web.

Entra a ver este ejemplo de uso de Tipografías sencillas, limpias, eficaces:

Tipografia Livechatinc
LIVE CHAT INC

Mobile-first

El rey del 2018 es, sin duda, el teléfono móvil inteligente (smartphone). Así lo destaca el informe La Sociedad de la Información en España en su 16 edición. Corona al móvil como el principal dispositivo a través del cual los españoles entran en Internet: 88,3% de los usuarios de móviles en España lo eligen como dispositivo favorito de acceso al Internet.

Una tendencia que se observa igual en casi todos los países desarrollados. Nacido de este evento, El Mobile-first es el hecho de pensar el diseño de una página web “para móviles primero”. Es el proceso de diseño de un sitio web para dispositivos móviles (o los dispositivos filtrados más pequeños) primero, para luego trabajar hasta los más grandes.

Diseno Web 2018 Mobile First

El Diseño Responsive no olvida a los más Grandes

Tus páginas web deben ser de diseño responsivo, es decir un desarrollo web que permite a tus páginas web adaptarse a todos tipos de dispositivos, todos los tamaños y resoluciones de pantallas, todos los navegadores y sistemas operativos. Eso es claramente LA PRIORIDAD al crear o rehacer tu web en 2018. Notarás grandes mejoras del posicionamiento de tu web en los resultados naturales de los buscadores.

Si el Mobile-first es una gran Tendencia del Web Design 2018, también lo es la consideración de las pantallas grandes (Superior a 1920 x 1080).
Aunque el mayor enfoque de 2018 se pone en las pantallas pequeñas de los smartphones como acabamos de verlo, es importante considerar también el diseño para pantallas más grandes. Mira que los iMac de 27" pulgadas del 2017 ya son de 5K (5120 x 2880).

Según el W3School, los 32% de los usuarios usan este tipo de pantallas grandes con resoluciones superior a 1920 píxeles x 1080 pixeles (enero 2017).

No nos podemos olvidar de ellos ¡!

La revolución del Menú

Hamburguesa en todos los dispositivos

Las funciones móviles, como la hamburguesa/menú oculto, son comunes en las páginas web 2018 de escritorio también.

Unos ejemplos de webs con menú oculto o menú hamburguesa en ordenadores clásicos:

Diseno Web 2018 Menu Hamburguesa Rollpark
ROLL PARK (Menú hamburguesa arriba izquierda)
Tendencias Diseno Web 2018 Menu Hamburguesa Funktional
FUNKTIONAL (Menú hamburguesa arriba derecha)
Menú Hamburguesa La Ligne Rouge
LA LIGNE ROUGE (Menú oculto zona “RollOver” en la cabeza)

Menú pop over

El menú emergente cubre completamente la pantalla. Es atrevido, pero siempre intuitivo. Esto nos recuerda un poco de la tabla de contenidos de los libros tradicionales.

Probalo visitando estos 2 ejemplos:

Menú Hamburguesa dursun limousine
DURSUN LIMOUSINE
EDELSON

El movimiento del RollOver

El RollOver sigue de moda y se amplía. Visita la web de GOULBURN VALLEY  y pasa tu ratón sobre los frutas, verás un impresionante RollOver!

RollOver GoulburnValley
GOULBURN VALLEY

La ilustración vuelve a lo grande

2018 es el año de la vuelta de fotografías e ilustraciones originales. El contenido visual original domina el diseño web 2018 y será así ciertamente durante muchos años.

Para 2018, se esperan páginas web originales con un contenido más creativo y único. "Esto empujará a las empresas y las marcas a movilizar más esfuerzo para mostrar su singularidad y construir su propia estética en la web usando fotografía, vídeo, ilustración y tipografía exclusivas.

Visita este ejemplo de ilustraciones animadas originales:

Ilustraciones kikk
KIKK FESTIVAL

O este otro ejemplo de ilustraciones flat y videos, todo en Diseño web Parallax (Al visitar la página, desplázate hacia abajo para verlo todo):

Ilustraciones digitalvolcano
DIGITAL VOLCANO MAP

Y por fin mira estas otras ilustraciones tipo juguetón:

Ilustraciones rleonardi
INTERACTIVE RESUME

Por supuesto, como todas las tendencias de nuestro estudio de diseño web 2018, esta tendencia de ilustraciones no es apropiada para todos.

También crear esos materiales complejos para el diseño de una página web puede incrementar bastante el presupuesto de la página web…

Cuéntanos tu proyecto de web, desde TodoBravo Diseño Web te lo ponemos fácil: te asesoramos gratuitamente y elegimos las mejores tendencias según los objetivos planteados y tu presupuesto web.

La madurez del Diseño Plano (FLAT DESIGN)

A nosotros, el flat design nos encanta desde un par de años y como podéis verlo la mayoría de nuestras realizaciones de páginas web están diseñadas bajo esa tendencia.

El realismo ha quedado atrás y vamos hacia un diseño en el que con pocas líneas se exprese mucho.

¿Qué es el Flat Design o Diseño Plano?

Con el Flat Design se elimina la profundidad, sombras, relieves, texturas y cualquier aspecto de tridimensionalidad para brindar un diseño elegante y accesible con bordes más sólidos y nítidos.

Un estilo minimalista y potente que confirma que “Menos es más”, que la sencillez y la simplicidad son herramientas de captación de visitantes.

Los diseños web 2018 son mucho más ágiles y están despojados de elementos gráficos innecesarios. Con el Flat Design 2018 disminuye considerablemente el tiempo de carga lo que se traduce en un usuario más contento, un mejor posicionamiento SEO y menos porcentaje de abandono.

Uno de los ejemplos más emblemático desde años es la página web de Apple:

 

Tendencias Diseno Web 2018 flat design
IPHONE (Web Flat Design)

El Material Design tarda en posicionarse

El Material Design es un concepto “inventado” por Matías Duarte, vicepresidente del diseño en Google. Al principio era el diseño elegido para el sistema operativo ANDROID.

El material design, como su propio nombre indica, se basa en objetos materiales. Podríamos decir que son diversas piezas geométricas simples (normalmente rectángulos y círculos) colocadas en un lugar concreto y con un movimiento determinado.

Mira este ejemplo de página web 100% realizada en material design:

Tendencias Diseno Web 2018 Material Design
MATERIAL DESIGN WEBSITE

Formulario Minimalistas Seguros

Cual sea el formulario de una página web (formularios de contacto, formularios de reserva, formulario de consultas, formulario de registros…) es fundamental que sea accesible y sencillo.

El formulario es la máquina de captación de usuarios de tu web. La reducción del diseño a lo esencial ayuda a crear una mejor experiencia de usuario.

En 2018 vemos más y más formularios muy sencillos y a pantalla completa. Proporcionan a los usuarios un uso más eficaz y sin distracción del último paso hacia la conversión, con mayor atención en los móviles donde la conversión es mucho menos eficaz que en un ordenador de escritorio. Sin embargo, pensamos que hay que tener mucho cuidado al elegir eso...Cual seria el mejor diseño de formulario para tu página web entonces ¿?

  • Con o sin CAPTCHA ¿?  O reCAPTCHA ¿?
  • Con o sin control del email rellenado ¿?
  • Con o sin "opt-in" del email de contacto ¿?
  • Con o sin HTTPS / SSL ¿?
  • Y la Ley de protección de datos donde se pone ¿?
  • Cómo funciona el formulario multi-idioma o multi-destinatarios ¿?

Hablamos de tu proyecto de páginas web, te lo solucionamos según tu proyecto.

Tendencias Diseno Web 2018 reCAPTCHA

 

Botones Fantasma

Con el aumento del uso de vídeo y fotos de alta resolución los diseñadores web son reacios a usar un botón opaco y amortiguar el impacto visual que este produce. Los Desarrolladores Web están Optando por “Botones Fantasma” (Ghost Buttons), con contornos simples que permiten ver la imagen a través de ellos pero funcionando como un botón normal.

Botones Fantasma

Desde TodoBravo Diseño Web les usamos siempre que se justifican y que se quedan muy visibles (tal como en esta captura donde el oscuro del fondo lo permite).

Web con una experiencia completa

Para algunos proyectos, podemos construir una experiencia web increíble que mezcla Video, Interactividad, Sonido y más. El sitio web Recollection es un buen ejemplo de lo que nos permite el desarrollo web en 2018. Cuando te lo dicen, mantenga la barra de espacio hasta cargar integralmente la otra video. No te lo olvides: activa el sonido de tu dispositivo y prepárate para una experiencia única muy divertida!!

BECAUSE RECOLLECTION INTERACTIVE WEBSITE

Conclusión: No es para todos!

Creamos tu página web en 2018

Aunque muchas de estas tendencias en diseño web aparecen como un "must" en 2018, no es necesario adoptar cada una de ellas mañana en un proyecto de desarrollo o rediseño de página web o de tienda online! En primer lugar hay que centrarse sobre el usuario, el público objetivo, el tipo de contenido, la cantidad de contenido y muchas otras características.

El diseño web debe servir rigurosamente la IMAGEN DE TU EMPRESA. Tu nueva página web debe generar confianza, ser clara e inspiradora.
Consúltanos, te asesoramos gratuitamente.

¿Está lista tu página web para 2018?

Un sitio web obsoleto puede reducir drásticamente las conversiones. Los diseños retros y desordenados distraen a los visitantes del punto de conversión; la falta de actualizaciones modernas puede hacer que un cliente pierda la fe en tu negocio. Deje que nuestros desarrolladores web de vanguardia y el equipo de diseño TodoBravo te creen un sitio web hermoso y de alto rendimiento para 2018.

¿Y el futuro?

Un buen diseño web debe durar a lo menos 2 a 4 años. ¿Cómo será el diseño web en 2020? Desde luego será algo más interactivo: Será realidad virtual, realidad aumentada y otras innovaciones para promover experiencias multiplataformas.

Un mundo de oportunidades reales en perpetuo movimiento!


Diseño Web 2016-2017: Tendencias Páginas Web y Tiendas Online

Las tendencias 2016-2017

El diseño de páginas web evoluciona continuamente. Se destacan nuevas tendencias benéficas para el éxito de tus páginas web, ya que cautivan miradas de visitantes, ofrecen nuevas funcionalidades, renuevan tu imagen corporativa.

Cuando quieres crear tu página web, o rehacer tu página web, mejor conocer las tendencias del diseño web 2016 – 2017. Tener una web de última tendencia, de última generación permite conseguir una mayor visibilidad en Internet, desarrollar tu imagen corporativa, mejorar tu posicionamiento natural (SEO), hacer de tu web una máquina de captación de visitas y clientes…

Somos expertos en diseño de páginas web. Desde Madrid y París, llevamos años creando páginas web, tiendas online, comunidades virtuales, web de empresas, webs a medida. Hoy compartimos contigo nuestros conocimientos del último en desarrollo y diseño web para 2016 y 2017.

El diseño web está siguiendo una vía confiable de USABILIDAD: cada botón, clic o pulsación necesita un propósito y una señal visual clara para que los usuarios actúen (e interactúen) con una página web.

Todo apunta en una misma dirección: tu web 2016-2017 debe cargarse al instante, ser fácil de navegar, verse de maravilla desde cualquier ordenador, móvil o tablet.

¿Cuáles son las últimas tendencias en diseño web?

Las nuevas técnicas de desarrollo de páginas web permiten ofrecer diseños web extraordinarios: Interactivos, tal como el diseño Parallax Scrolling, diseño Flat, diseño Vídeo a pantalla completa, diseño Imágenes full screen… y todo eso compatible al 100% con los dispositivos móviles gracias a las posibilidades del Responsive.

Antes de nada, el diseño web 2016 / 2017 se centra en dos tendencias:

Compatibilidad con los dispositivos móviles es lo más importante

La consulta de páginas web desde móviles y tabletas ya representa más del 50% de la vistas de los sitios web. Tus páginas web deben ser de diseño responsivo, un diseño que permite a tus páginas web adaptarse a todos tipos de dispositivos, todos los tamaños y resoluciones de pantallas, todos los navegadores y sistemas operativos, eso es claramente tu prioridad al crear o rehacer tu web en 2016.
Además el diseño web responsive es un factor SEO que valora Google a la hora de posicionar tu web en sus resultados. Puedes comprobar si tu web está optimizada para dispositivos móviles desde este enlace de Google.

Visualización de la página web TodoBravo en un móvil
Visualización de la página web TodoBravo en un móvil

Como ves, nuestra web TodoBravo está optimizada al 100% para dispositivos móviles (en inglés, Full Diseño Responsivo).

Más animaciones y videos que nunca

Desde siempre, sabemos que las animaciones bien utilizadas enriquecen notablemente la experiencia dentro de cualquier web. Utilizándolas, conseguirás generar una experiencia más rica y memorable.
Gracias a la mejora continua de la velocidad del Internet móvil (3G+, 4G, 4G+…) tal como del fijo (Adsl, Fibra, de 30Mbit hasta 1.000 Mbit/s en España), también gracias al excelente rendimiento de los nuevos alojamientos dedicados, vps y cloud, nuevos diseños web con animaciones y movimientos se han puesto muy de moda.

El diseño desempeña una función de contenido, ofrece un Storytelling visual al igual que lo hacen desde años las Infografías

Diseños web con video

Es una de las tendencias más “cool” en diseño web para el 2016. El Vídeo se convierte en el rey del marketing de contenidos.

Si estuvieras tan solo 2 años en el futuro, ¿estaría leyendo este artículo o le estaría viendo en video?

El video se convierte rápidamente en el protagonista del marketing de contenido de páginas web. Para el 2017, el vídeo representará el 69% de todo el tráfico de Internet para el consumidor, según el prestigioso estudio de Cisco Systems, proveedor líder de infraestructuras del Internet.

Una evolución de contenidos anunciada también por muchos tal como en la revista “The Guardian» o el incremento de las inversiones de los grandes marketers del mundo desde 2013.
Según otro estudio eMarketer.

Las páginas web que incluyen vídeos tienen una probabilidad 50 veces mayor de aparecer en la primera página de los resultados de búsqueda.

Numerosos estudios demuestran que el uso de videos en sitios aumenta las tasas de conversión. La tasa de conversión se calcula dividiendo: número de conversiones totales / número de visitas totales. La definición de conversión dependerá de cada web: petición de presupuesto, suscripción a una newsletter, contacto mediante formulario, compra de un producto, etc. Los videos son más fáciles de consumir, absorber y entender.

Páginas de inicio con videos gigantes

La página web de Airbnb te da la bienvenida como si estuvieses en casa: unas vídeos creativas arrancan automáticamente y ocupan mitad de la pantalla. La tendencia web 2016/2017 es un mega video de fondo que cautiva de inmediato tu atención, obligándole a prestar atención y extender tu tiempo en el sitio.

Mira este ejemplo de una agencia digital en Estados Unidos:

Gorila blanco y negro con título Big Experiences
Ver ejemplo de web con video full screen

Un gorila te da la bienvenida, mientras el negocio es una agencia de diseño web. El objetivo es cautivar de inmediato tu atención. Por lo tanto, una video relacionada con el negocio sería aún más potente.

Diseño Web Parallax

¿Qué es el Parallax? Este diseño web de moda tiene sus fans porque permite crear páginas web increíbles y divertidas en puro HTML5/CSS sin usar el Flash.

Resultan web sorprendentes: sensación de profundidad, de 3D, de ritmo, de video… Y todo eso de forma interactiva: el visitante de la web controla las acciones con sus clics y sus scroll. El Parallax no es nuevo, en un principio se utilizó como técnica de animación para las películas de Disney, de hecho, fue inventada por Walt Disney y se denominó cámara multi-plano.

 

El objetivo de esta modalidad es dotar de tridimensionalidad y movimiento a los diseños planos o 2D.

Un caso de éxito de Parallax con efecto Scrolling es sin duda la web de la torre Space Needle ubicada en Seattle. Es una estructura de 184 metros de altura y cuenta con un restaurante giratorio en su azotea. La web es animada: la base de la torre de 184 metros invita a desplazarse todo el camino hasta la cima, donde veras las vistas de Seattle y el SkyCity restaurante.

Vista del Space Needle de Seatle
¡Súbete ya! visita Space Needle Web (Diseño web Parallax) (Pincha y Scroll hacia arriba)

 

El Diseño web Parallax es muy atractivo, requiere interacción por parte del usuario, genera ritmo (o lo rompe) ayuda a contar historias y, en consecuencia, potencia el contenido.
Es el diseño web ideal para presentar productos con un nivel de detalle estupendo, tal como lo hace Oakley, empresa de moda conocida por sus gafas de sol.

Oakley gafas de ski
Visita Oakley (Diseño web Parallax) (Pincha y Scroll hacia abajo)

Por lo tanto el diseño web Parallax no se recomienda para todos, hablamos de tu proyecto y lo comprobamos por ti.

Imágenes animadas: adelante ¡Cinemagraphs!

El antiguo GIF evoluciona en Cinemagraphs. Las cinemagrafias (o cinemagraphs en inglés) son fotografías en las que ocurre una acción de movimiento menor y repetido. Se producen tomando una serie de fotografías o grabaciones de vídeo y utilizando un software de edición de imágenes, componiendo las fotografías o fotogramas de vídeo en un archivo GIF animado de tal manera que el movimiento en parte del sujeto expuesto (por ejemplo, pierna colgando de una persona) se percibe como un movimiento repetitivo o continuo.

Algunos de los mejores ejemplos cinemagraph pueden encontrarse en la propia web de los creadores. Sus cinemagraphs originales no solo capturan momentos al igual que una fotografía ordinaria, sino también preservan el ambiente del momento.

Cinemagraph de una mujer en negro en un balcón

Cinemagraph de un barber shop

 

 

Diseño Flat (Diseño Plano) Mejorado: Flat 2.0

El flat design es un clásico desde 2013. Se ha mejorado años tras años, ya hablamos de “Flat 2.0”. Es un tipo de diseño muy limpio, claro y que conecta a la perfección con el diseño responsive. El diseño plano usa formas cuadrículas y geométricas, colores planos y llamativos, textos con iconos planos, imágenes sencillas.

El flat web design elimina todo efectos gráficos complejos, gradientes, efectos tridimensionales y apuesta por lo minimalista y sencillo. Introducido con el nuevo interfaz de Windows 8 en 2013, renovado en “Flat 2.0” con el interfaz de Windows 10 en 2015, este diseño flat sigue siendo uno de los diseños favoritos de los diseñadores web.

Pantalla de 2 iPhones
El Diseño Flat mezcla objetos y efectos: grandes imágenes, símbolos, sombras y efectos de profundidad, colores dinámicos y contrastados entre sí, tipografía fácil de leer con un trazo uniforme, botones fantasma (ghost button, son cuadros o rectángulos transparentes que llaman la atención discretamente…. Es un tipo de Diseño minimalista, moderno, puro que conviene a la gran mayoría de los proyectos de webs profesionales. Usando Paletas de colores brillantes y vibrantes creamos estupendos efectos.

Flat design 2.0 con textos
Como toda tendencia web, el flat design tiene ventajas y desventajas, por lo que hablamos de tu proyecto web y veremos si es la mejor opción para hacer tu página web.

Menú hamburguesa (hamburger button)

icono hamburguesa con foto de hamburguesa
Icono de menú hamburguesa. La foto de la hamburguesa es de Ruocaled

Seguro que la primera vez que viste estas tres líneas no las entendiste. Permiten expandir o colapsar por completo un menú. Ahora se ha convertido en un estándar de facto, que los usuarios han aprendido a reconocer, y muchos frameworks de diseño adaptable ya llevan integrada esta solución, lo que facilita el despliegue y ese reconocimiento de los usuarios.
Sus ventajas son claras: puedes incluir una gran cantidad de información y, al mismo tiempo, ofrecer una forma coherente de encontrar opciones adicionales.

Ahora se está empezando a implementar para que se vean también en pantallas grandes y así tener el menú de navegación oculto para tener una vista más limpia de la web. Ya hablemos de menús inteligentes, mira el ejemplo de Adventure.com

Web Adventure con fotos de naturaleza

Adventure.com es un lugar para aquellos que se aventuran fuera, que quieren vivir una vida de aventura en todo el mundo. Al tratarse de una web con tal cantidad de ítems en los que navegar, se ha decidido ocultar parte del menú en forma “hamburguesa” en la parte arriba derecha.

Igual lo ha hecho la revista Time, pero en la parte izquierda.

Existen varias alternativas al Icono de menú hamburguesa:

Pestañas superiores o inferiores

Menú hamburguesa en varias aplicaciones móviles
Las principales plataformas móviles están empezando a acompañar o incluso a sustituir el menú hamburguesa con unas pocas pestañas, como puedes ver en las aplicaciones de Facebook, Twitter, Whatsapp o Airbnb. Requiere un gran esfuerzo de síntesis y un ejercicio de arquitectura de la información que permita diferenciar cuales son las acciones fundamentales de nuestra plataforma y que de ninguna manera podemos ocultar en menús de acceso complicado.

Navegación inferior

La máxima del content first no solo nos anima a generar contenido nuevo y de calidad, si no que además nos sugiere que lo coloquemos en la parte superior de la pantalla, dejando los segundos niveles de navegación al final del scroll, como hacía con el sidebar los temas por defecto de WordPress Twenty Eleven y Twenty Twelve.

Scroll modular e infinito

Con el Scroll modular, cada apartado dentro de una página web puede tener su propio scroll, con lo que una sola pantalla podría tener varias posibilidades, independientes entre sí, de hacer scroll. Algunas de las webs más populares del mundo, como Pinterest, Twitter o Facebook ya lo usan.

Scroll en página web con vista de Manhattan New York

Hover y Rollover originales

El efecto Hover o Rollover consiste en cambiar el aspecto de un elemento de la web cuando se sitúa el puntero sobre el mismo, pero no se ha seleccionado aún.
Más y más de moda, mira estos ejemplos:

Gafas de sol de la tienda online de Óptica Oqus

TodoBravo_Diseno_Web_RollOver_Effect_Pagina_Web

 

Full Pantalla

Se trata de usar imágenes o vídeos en excelente calidad, llamativos y realmente impactantes a toda la pantalla.

Motion animation

Existen nuevas técnicas de animaciones, de Motion animation, para ofrecer una experiencia de navegación increíble e interactiva, sin necesidad de plugins de lectura. Mira el ejemplo de Bugaboo.

Tendancias_diseno_web_bugadoo-motion-animation

Tipografías 2016 extraordinarias

Las Tipografías, las fuentes de tus páginas web también tienen modas. Hay que tener mucho cuidado: no todas las tipografías se ven bien en Internet. Es importante verificar que la tipografía sea amigable con todos los navegadores y dispositivos, ya que de otra forma se verá “cortada” o de forma deficiente.
Además, no todas las tipografías tienen el permiso para ser utilizadas en sitios web, en algunas es necesario tener la licencia comercial.

Por eso te recomendamos utilizar Google Web Fonts, una recopilación de Google de miles de tipografías gratuitas (de licencia abierta) que se ven perfectamente en Internet.
No te preocupes, contamos con amplia experiencia para elegir por ti las mejores Tipografías web cuanto a tu imagen corporativa, tu tipo de páginas web, tu mercado, tus clientes.

Conclusión: Confía en diseñadores web profesionales

Una visión a 360 grados de las tendencias del diseño y desarrollo web es imprescindible para asegurar el futuro de tu web. ¿Deseas crear o renovar el diseño web de tus páginas web? TodoBravo Diseño Web está aquí para diseñar y desarrollar tu web a medida. Somos una agencia de diseño web en Madrid y en París, contamos con unos de los mejores profesionales diseñadores y desarrolladores web del mercado que pueden asesorarte al momento de escoger el estilo que desees darle a tu página web.

Contacta con nosotros te asesoramos gratuitamente