La navegación de una página web debe ser intuitiva y agradable. Un elemento que sin duda aporta a la experiencia es la originalidad y peculiaridad en los diseños, lo que además es una maravillosa manera de destacar y otorgar valor a tu página.
Además, apréndelo todo sobre el archivo functions.php, te ayudará con los detalles.
Índice de Contenido
Meomi prioriza la diversión
En Meomi destaca el diseño divertido. Las ilustraciones tienen un estilo juguetón e infantil. La paleta de colores es bastante otoñal, lo que le aporta mucha calidez al diseño de la página. Sus creadores han sabido diseñar una página muy acorde a los servicios que ofrecen: ilustraciones, personajes, colores, diseños de libros infantiles, entre otros trabajos. La ilustración principal se mantiene fija a medida que nos desplazamos por los botones principales del header.
Por qué la web de Meomi es creativa:
- Diseño atractivo y cautivador a través de ilustraciones divertidas
- Paleta de colores coherente, atractiva y otoñal (rojo, carmelita, anaranjado)
- Desplazamiento con scroll hacia abajo a lo largo de la ilustración para ver toda la información
El minimalismo en Handsome
Esta página no podía quedar fuera a la hora de hablar de elementos peculiares. Aunque a simple vista parezca un diseño bastante convencional, el minimalismo hace contraste con la estética medio retro de algunos de los productos que ofrecen. Conviven a la vez tipografías limpias y rectas con algunas un poco más ornamentadas o con trazos más contrastantes. La estética está basada principalmente en una paleta de colores bastante neutra, destacando el negro y blanco en toda la página. Resultan muy interesantes las microanimaciones que se producen al acercar hover en los diferentes botones.
¿Qué destaca en Handsome a pesar de parecer muy convencional?
- Microanmaciones hover en diferentes elementos
- Diseño minimalista contrastante con elementos de estética más retro
- Utilización de textos grandes para destacar
- Paleta de colores neutra
Curious Space resulta curioso y creativo
Estos creadores y diseñadores de espacios decidieron hacer de su página web un espacio en el que destacar la creatividad. Al acceder a la página rápidamente notamos que la manera de navegar se sale de lo convencional, pues al hacer scroll nos desplazamos en sentido horizontal y no vertical como suele ser más usual. Al ir navegando nos encontramos frases y fotografías grandes que cubren casi todo el espacio. Su estética es minimalista y esto se ve reflejado no solo en el diseño, sino también en la información que ofrece: poca pero la justa para entender de qué va el sitio y el acceso a su portafolio.
Particularidades de Curious Space:
- Estética minimalista
- Navegación diferente: scroll para desplazarnos horizontalmente
- Información breve y precisa que permite captar la esencia de la web
- Un ejemplo creativo de relacionar los servicios que ofrece con la estética del sitio web
Seguro que también te interesa:
9 Webs de Fotografía que Inspiran
Diseño y mensaje creativo con onomeals
https://onomeals.zeusjones.com/
Ono se dedica a ofrecer servicios de comida a domicilio, pero de una manera muy original y llamativa. Sus servicios los ofrecen bajo la premisa del cuidado de la salud a través de la alimentación y optaron por personalizar las entregas de comida a sus clientes acorde a su ADN y estilo de vida, entre otros parámetros. La idea de sus servicios es tremendamente original, pero las geniales animaciones y microanimaciones presentes en toda la página no se quedan atrás. Además, la estética es minimalista y cuida cada detalle en su diseño. Destacan los colores rojo y blanco como institucionales.
Elementos muy originales que se destacan en Ono
- Estética llamativa y original acorde a la fabulosa idea de los servicios que ofrecen
- Tipografías delgadas y minimalistas
- Animaciones ocurrentes en las imágenes y microanimaciones atractivas en elementos gráficos de la web
Cerveza Minerva, una web que brinda una buena experiencia
https://www.cervezaminerva.mx/
En este caso presentamos una web que se caracteriza por ofrecer una experiencia a disfrutar por su público principal. La página web se dedica a mostrar los servicios de la cervecería Minerva. Se destaca en la paleta de colores el amarillo y blanco como colores corporativos de la marca. La navegación es sencilla a través de diferentes páginas de contacto e información, pero posee un peculiar catálogo muy detallado que te sumerge en una experiencia bastante parecida a la de estar escogiendo un producto de manera física.
Peculiaridades que hacen creativa esta página:
- Utilizan imágenes grandes y detalladas de sus productos para hacer de la experiencia algo real
- Poseen un catálogo detallado con información de sus productos
- Colores contrastantes acordes a la paleta de colores corporativos de la marca
Slavery Footprint, gran mensaje y creatividad
Slavery Footprint parece una web muy sencilla a simple vista, pero posee tanto un diseño como un mensaje muy potente e impactante. Se trata de una web educativa que pretende mostrar que las condiciones de trabajo de muchísimos empleados actualmente se parecen a la esclavitud moderna. El diseño de la web es bastante simple en su totalidad, pero resulta realmente original la manera en la que va apareciendo toda la información. A medida que damos scroll aparecen pequeñas animaciones de manos que van colocando los textos de la página y otros elementos con dibujos sencillos que van dando lugar a la información escrita. Es bastante colorida, pero con una estética minimalista y abundando el texto.
¿Qué hace a Slavery Footprint una web tan diferente?
- El mensaje a comunicar con la página es lo más impactante
- Diseño minimalista pero colorido y atractivo
- Animaciones peculiares que van haciendo aparecer poco a poco la información
- Gran predominancia de texto y pocas imágenes o ilustraciones
Una página que parece que tuviera vida
https://www.petenottage.co.uk/
En esta página web las ilustraciones animadas son gran parte del atractivo. La homepage está compuesta por diferentes botones que conducen a otras páginas. Dichos botones están formados por ilustraciones animadas que se mueven sin tocarlas, pero al hacer hover te encuentras con otro tipo de animación, resulta muy creativo. Es bastante colorida, aunque su paleta de colores principalmente es en diferentes tonos de azul y las ilustraciones tienen un estilo geométrico y orgánico.
Detalles creativos de esta web:
- Animaciones divertidas para entretener y guiar al usuario en la navegación
- Paleta de colores atractiva y coherente
- Información clara y específica para los usuarios
Gari Cruze, un portfolio muy creativo
En esta página web destaca una manera peculiar de mostrar un portfolio profesional. Se trata de la página de un director creativo que ha decidido priorizar la visibilidad de su trabajo en un gran portfolio. Las imágenes que se muestran son cautivadoras y al acercarte a ellas con el cursor se crea un efecto hover zoom, lo que las vuelve mucho más llamativas. La página posee un CTA que te invita a conocer más sobre esta persona y te invita a conocer qué opinan las personas que han trabajado con él. El lenguaje utilizado es muy divertido.
Cosas que hacen a esta página genial:
- Muestra un portfolio de manera coherente y atractiva
- Lenguaje afable y divertido
- Resulta muy sencilla, pero con gancho
Malvestida, una web muy creativa
Malvestida es una web dedicada a temas vinculados a la sexualidad, el cuidado del cuerpo, y la combinación de varios puntos de vista. Su diseño es muy interesante y atractivo. La manera en la que combinan las imágenes con ilustraciones resulta bastante cautivadora. La paleta de colores es muy variada, pero tienden a ser muy saturados y estridentes, con fuertes contrastes, por tanto, si algo tiene esta web es un llamada de atención con toda la mezcla de colores.
Originalidad de malvestida:
- Posee artículos con temáticas interesantes que enganchan a los usuarios
- Paleta de colores viva y contrastante
- Estética variada con fotografías reales parcialmente ilustradas
Giphy
Su función es brindarte un espacio donde puedes encontrar gifs de todo tipo. A medida que se va haciendo scroll en la página vamos navegando por las diferentes secciones de temáticas de gifs que están disponibles. Resulta muy atractiva la navegación y puede cautivar a los usuarios por muchísimo tiempo.
¿Qué detalles creativos podemos destacar de Giphy?
- Estética retro, con colores saturados y predominancia del negro
- Secciones atractivas de búsqueda de gifs
- Posibilidad de crear tus propios gifs
El encanto de Waark
Cuando se trata de la página web de un estudio creativo no se espera menos que mucha originalidad y creatividad. Waark nos muestra una estética impecable con una paleta de colores desaturados y pasteles. Destacan las cautivadoras animaciones de muchísimos elementos ilustrados presentes en toda la página.
Aspectos creativos de Waark:
- Espectaculares animaciones de elementos ilustrados
- Colores pasteles con una estética agradable
- Combinación de tipografías serif y sans serif
- Navegación divertida, colorida y atractiva
Creatividad en la web de Quinnton Harris
https://quinntonharris.mystrikingly.com/
En este caso nos encontramos con una página web de tipo profesional que muestra el currículum de una persona. Abundan las fotografías a modo de mosaico o recortes y recoge importante información personal y profesional. El texto es claro y muy cautivador, por la forma en que se presentan las narraciones.
Una web personal muy original
- Estética cautivadora a través de fotografías recortadas a modo de collage
- Utilización de fotos a color y en blanco y negro
- Tipografías sans serif, serias y limpias
- Texto muy agradable y creativo
Una web creativa y elegante
En esta web destaca la estética del contraste de fondo negro con textos con tipografías de color blanco. Se trata de la página de un diseñador. Se consiguen contrastes muy fuertes e impactantes. El estilo es serio, muy ordenado y cautivador por la manera en que está distribuida toda la información. La web es muy completa e inspira profesionalidad y seriedad, lo que nos demuestra que también de destacar y ser originales con una web profesional.
Elementos destacables en esta web:
- Seriedad y profesionalidad con elementos impactantes e interesantes
- Paleta de colores seria y neutral
- Información detallada, precisa y bien organizada
Atractiva y original
En esta web se brindan servicios de crecimiento para las empresas. Los diseños son frescos y atractivos. El color institucional es un verde desaturado y el diseño combina líneas negras e ilustraciones con personajes y ambientes muy carismáticos. La navegación es simple pero la estética es impecable y le aporta una increíble originalidad.
Características creativas de Grows:
- Ilustraciones originales y frescas
- Información concisa y organizada
- Predominancia de un solo color de manera coherente y creativa
- Utilización del espacio con una estética minimalista
The Everywhereist
https://www.everywhereist.com/
Este blog de una escritora cuenta con una navegación muy intuitiva. Incluye una sección de «Best of” que ofrece un resumen de lo que puede esperarse de este blog. Sus diseños son muy atractivos. La paleta de colores neutra y cálida a la vez. Utiliza una estética de ilustraciones que simulan un dibujo a mano que le brinda muchísima personalidad.
Elementos a destacar en esta web:
- Diseño intuitivo y fresco
- Colores neutrales sin muchos CTA
- Ilustraciones y diseños peculiares simulando un dibujo a mano
Una de las webs más peculiares
Hemos dejado para el final una de las webs más irresistibles y creativas dentro de esta lista. Se trata de Make me pulse, una página web donde lo primordial es la interacción, el entretenimiento y las emociones y no tanto la información y el contenido. Estuvo pensada como tarjeta de bienvenida del año 2016 y su diseño no deja indiferente a ningún usuario. Es totalmente interactiva, ya que se trata de un juego en el que dejas apretado el cursor y lo sueltas en una palabra que te llevará a hacer diferentes interacciones con la misma o con el fondo. La idea es simple, pero resulta en extremo entretenida y puede mantener muy enganchados a los usuarios
Originalidad en Make me pulse
- Lo primordial es el entretenimiento
- Los usuarios interactúan con las palabras que aparecen en la web a través de un pequeño juego
- Estuvo pensada como one page por los fines con que fue creada
- Presenta efectos visuales entretenidos y originales
Con todos estos ejemplos ya tendrás una mejor idea de lo que necesitas en cuanto a identidad corporativa, así que, ya puedes empezar a brillar.