Hacer un sitio web no es tarea fácil sobre todo cuando llega el momento de escoger un diseño que te guste y que vaya con la imagen que quieres proyectar de tu negocio. Por eso quiero compartirte estos 12 ejemplos de sitios web creativos que van desde algo serio hasta lo más innovador y creativo para que, sin importar el giro de tu negocio, encuentres uno que te pueda inspirar para aplicarlo en tu propio sitio web.
A continuación encontrarás el índice para que puedas ver los ejemplos de sitios web que más te interesen:
Ejemplos de sitios web creativos
En esa sección veremos sitios web fuera de lo común, con diseños extraordinarios y arriesgados, donde la funcionalidad pasa a segundo término para dar paso a los ¡wows! y los “ooohhs” de las personas que los visitan. Aunque también estoy tomando en cuenta que estos sitios no solo sean bonitos, sino que también cumplan con el objetivo de generar nuevos clientes.
Boomex Agency
Lo primero que observamos al entrar a este sitio web es la animación al centro de la página que parece una especie de líquido rosa que se mueve en relación al puntero e incluso hay un punto de color rosa acompañándolo por toda la pantalla. Estos elementos le dan un sentido de fluidez y dinamismo que lo hacen destacar de inmediato.
Lo siguiente que notamos es que el sitio tiene otras animaciones agradables y sutiles que se activan conforme avanzamos en la página. También hay varios efectos que aparecen al pasar el mouse por las imágenes y otros elementos.
Este sitio me parece creativo y minimalista con movimientos fluidos y balanceados (sin cosas volando por todos lados) que ayudan a mejorar la experiencia de navegación y dan una sensación de calidad y buen gusto en el diseño.
True
Este sitio me atrapó porque brinda una experiencia inmersiva muy bien lograda con animaciones fluidas y excelentes transiciones. Su objetivo es mostrar un portafolio de proyectos de una manera fuera de lo común.
Utiliza también elementos superpuestos en distintas profundidades sobre un fondo que se mueve en relación al cursor. Esto crea un efecto de tercera dimensión haciéndonos sentir que estamos en una galería de arte donde las obras exhibidas son sus proyectos.
Este sitio definitivamente se ve de alta calidad, con imágenes en 3D y animaciones impecables donde cada sección del sitio es representado como si fuera una sala en una exposición artística.
Nul
Minimalismo y elegancia son las palabras que mejor describen a este sitio de la empresa de relojes Nul. El sitio abre con un video de pantalla completa en el fondo mostrando el reloj que también es minimalista.
La navegación y el menú son un poco confusos al principio, pero rápidamente te acostumbras a su funcionamiento y no cabe duda que tiene un estilo muy original. Esta página es un ejemplo perfecto de sitio web de un solo producto, ya que a pesar de estar dedicada a un solo reloj, cuenta con elementos de contenido suficientes como para mantenernos viéndola un buen rato.
Lo que más me llamó la atención de esta página es la elegancia de su diseño, la fluidez de sus animaciones y el uso de prácticamente solo dos colores en todo el sitio, el negro y el blanco.
Plastic Bionic
Este es otro sitio de portafolio de un estudio de diseño. Se caracteriza por el uso de imágenes de alta calidad que abarcan la totalidad del espacio en pantalla y sobre las que se muestra un texto de gran tamaño indicando el nombre de la empresa para las que han trabajado.
Las animaciones de cambio de página tienen un efecto de desplazamiento en diferentes direcciones que da una sensación de fluidez en lugar de solo “saltar” a otra página. La galería de fotos de los proyectos es en estilo masonry que da una sensación de naturalidad y desorden al no estar sujeta a espacios estrictos de una cuadrícula.
Lo que me hizo incluir este sitio web en la lista es que el contenido principal no es escrito, sino que son las imágenes que por sí mismas muestran las capacidades del artista y sirven para convencer a futuros clientes sin marearlos con tanto rollo.
Ejemplos de sitios web de Ecommerce
El objetivo principal de un Ecommerce es vender los productos que se muestran en el sitio web y estas empresas que hemos seleccionado lo hacen de forma sobresaliente. Ya sea con diseños únicos e innovadores o con un formato tradicional pero con una excelente usabilidad que facilita la navegación entre sus diferentes categorías de productos.
Skullcandy
El primero es uno de mis favoritos y es que me gustan sus audífonos porque me parecen de buena calidad y con diseños atractivos. Pero aparte de eso su sitio web tiene un excelente diseño, las imágenes son de alta definición y nos permiten ver claramente los detalles de cada producto para poder tomar una decisión de compra informada.
El proceso para seleccionar un artículo y agregarlo al carrito para después pasar al checkout es rápido y sencillo. Literalmente me tomó tres clics llegar a la página de pago y otros pocos más para ingresar mis datos. El contar con un proceso de pago eficiente es sumamente importante para un Ecommerce. De acuerdo a un estudio de Statista en Marzo del 2021 cerca del 80% de las compras en línea fueron abandonadas en el checkout debido a que muchos sitios no cuentan con un proceso de pago adecuado.
Lo que más me llamó la atención de este sitio fue su diseño original y enfocado en el producto. Utiliza una paleta de colores llamativa con efectos de degradado que encaja perfecto con la imagen de la marca. También la facilidad para encontrar lo que buscas y completar la compra es un factor a destacar en este sitio ya que esto es indispensable para el éxito de un Ecommerce.
Clínica Solace
Tengo que aclarar que este sitio lo desarrollamos en PixelBot y lo quise incluir como muestra de que un Ecommerce no solo sirve para vender productos físicos. Esta es una página web para médicos a través de la cual se pueden reservar y pagar consultas que posteriormente se realizarán por videollamada o en consultorio.
Ofrecen un descuento del 30% al pagar en línea, lo cual es importante mencionar ya que muchas personas que compran en internet tienen la expectativa de obtener un beneficio adicional respecto de la compra en persona. Lo más común es manejar precios más bajos, pero también puede ser algún regalo extra o productos exclusivos que no se encuentran en tiendas físicas.
Respecto al diseño del sitio, lo que me gustaría destacar es el uso de fotografías reales de los médicos lo cual ayuda a generar confianza en los pacientes al saber de antemano quienes los van a atender. Encontrar la consulta que buscan y hacer el pago es muy sencillo ya que solo se necesitan 3 clics para llegar a la página de checkout e ingresar los datos de pago y un clic más para finalizar la compra.
La paleta de colores utilizada está pensada para transmitir tranquilidad y calidez ya que se trata de una clínica de cuidados paliativos y alivio del dolor. El público objetivo consiste en adultos de más de 45 años por lo cual tratamos de que el proceso para agendar una cita o generar un contacto fuera lo más sencillo posible y estuviera disponible a lo largo de todo el sitio.
Cameo
Este es un sitio web en el que se venden saludos de celebridades y es otro ejemplo de venta de productos virtuales. Podremos estar o no de acuerdo con este tipo de servicios, pero lo que es innegable es que el sitio tiene un excelente diseño en estilo dark mode, es decir, que es de fondo negro con texto blanco y colores en degradado que resaltan de manera muy llamativa.
La navegación es impecable y todo está convenientemente agrupado en categorías de acuerdo a la profesión de la celebridad o de acuerdo a la película o serie por la que se hicieron famosos. También cuenta con un potente buscador que facilita el encontrar a tu celebridad favorita. Así mismo podemos utilizar varios filtros por precios, reseñas y tiempo de respuesta entre otros para acelerar la búsqueda.
Este sitio me gustó porque soluciona de forma ágil la organización de productos cuando tienes muchos artículos en tu catálogo. Además incluye calificaciones y videos de saludos anteriores para tener un preview de lo que vamos a comprar. Definitivamente vale la pena checar este sitio para aprender algo de él.
Ejemplos de sitios web de servicios profesionales
Tenemos la idea de que los despachos de contadores y abogados deben tener sitios web serios para transmitir una imagen de profesionalismo y confianza. Pero serio no tiene que ser sinónimo de aburrido, por eso incluimos en esta lista algunos sitios web de firmas mundialmente reconocidas para que podamos observar cómo logran generar confianza con diseños actuales, originales y muy creativos.
PwC
Comencemos con uno de los grandes, PwC es una firma de servicios contables y legales con presencia en todo el mundo. Ofrece consultoría a empresas transnacionales en temas tan serios como el manejo de su contabilidad y finanzas. Sin embargo, su sitio web utiliza imágenes modernas, dirigidas a un público adulto joven que busca soluciones de consultoría financiera y fiscal para sus negocios.
Lejos queda la imagen del hombre mayor con expresión adusta y traje con corbata perfectamente planchado con quien no te dan muchas ganas de platicar. En su sitio web transmiten una sensación de cercanía y afabilidad con sus clientes a través del uso de un lenguaje sencillo pero sin perder el profesionalismo que los caracteriza.
Lo que me gustó de este sitio es que me esperaba algo más opaco y aburrido por el giro de negocio pero fue todo lo contrario. Otro punto interesante es que lo que ocupa la primera parte de su página principal no son sus servicios, sino artículos con resultados de estudios, encuestas, análisis y otra información útil de negocios, es decir que primero dan antes de pedir.
E&Y
El diseño de este sitio me gustó porque empieza fuerte con el uso de imágenes que abarcan la pantalla completa (hero image). Al igual que el sitio que acabamos de analizar, lo primero que se ofrece al visitante es un artículo de interés actual con una imagen que nos transmite cercanía y diversión, contrario a lo que podríamos esperar de una firma de estas características.
Si seguimos avanzando encontramos más publicaciones interesantes de temas de actualidad y sobre todo de utilidad para el lector ya sea para conocer más sobre alguna industria como para obtener recursos aplicables en el día a día profesional.
Todo este contenido esta organizado de una forma sencilla de navegar y escrito con lenguaje ameno y fácil de comprender. El uso de imágenes coloridas y creativas lo hace mucho más agradable y nos invita a seguir navegando y disfrutando sus artículos.
Giménez y Asociados Abogados
Empezaré por aclarar que este sitio también lo diseñamos y desarrollamos nosotros en PixelBot. La intención de incluirlo en esta lista es para demostrar que no se necesita ser una firma internacional ni invertir miles de dólares en un desarrollo para lograr tener un sitio web de calidad que transmita seriedad, confianza y responsabilidad.
Gímenez y Asociados Abogados es una firma de abogados que ofrecen servicios legales especializados en Derecho Corporativo. Su amplia experiencia y profesionalismo se transmite a través de su sitio web gracias a un diseño limpio y actual. En este sitio nos alejamos del uso de las imágenes tradicionales de abogados y optamos por utilizar algo un poco más abstracto y también algo representativo de grandes empresas como edificios de oficinas y salas de juntas.
Dentro de esta página se ofrecen diferentes formas de contacto en varias secciones como en el menú de navegación, al final de la página principal y un botón de WhatsApp en la esquina inferior derecha de la pantalla. Ya que para este tipo de negocios el poder dar una respuesta inmediata y personalizada a sus clientes es vital.
Baker Mckenzie
Este sitio ofrece contenidos de utilidad y tiene una buena categorización de temas lo cual facilita la navegación. Cuenta además con un menú desplegable que muestra las diferentes secciones del sitio agrupadas de manera coherente.
Un factor destacable es el uso de animaciones en los elementos y en los fondos que no estaban presentes en los sitios de sus competidores, lo cual lo hace muy atractivo a la vista y da una sensación de modernidad sin perder la impresión de que son una firma seria y confiable.
Conclusión
Existen miles de ejemplos de sitios web con diseños excepcionales, tantos que es imposible cubrirlos todos en un solo artículo. Sin embargo estos sitios que acabamos de analizar te servirán para poder visualizar el diseño ideal para tu sitio web.
Te recomiendo que los visites para descubrir otras cosas que tal vez no cubrimos en este artículo pero que son interesantes y que puedes replicar. Recuerda que la mayoría de estos sitios cuentan con grandes presupuestos y han sido hechos por expertos en diseño, programación y usabilidad, por lo que tomarlos como inspiración es una buena forma de asegurar el éxito de tu página web.
Ahora es tu turno, cuéntame en los comentarios cual de estos sitios te gustó más o cuál crees que va mejor con tu empresa.
¡Seguimos!
