93 792 27 62
  • Contacta
  • Llamar ahora Enviar whatsapp
    Publicado el 06/11/17

    Mejores diseños web 2017 – 2018



    testviews 63.565

    Ya entrados en el mes de noviembre y con las navidades a la vuelta de la esquina, vamos a empezar a realizar nuestra recopilación de los mejores diseños web del 2017 2018. ¡Ya está disponible la recopilación de los mejores diseños web 2018 2019!

    Para los que no lo sepáis, todas las selecciones que realizamos, las vamos recopilando en nuestra galería de inspiración web, donde recogemos los mejores diseños web de la red. La galería se llama «8» y puedes acceder a ella pinchando aquí.

    Inscríbete a nuestro boletín para mantenerte inspirado.

    Para la selección de las páginas web que incorporamos en nuestros post de inspiración, nos basamos en las propuestas que nos mandáis a través de la galería anteriormente mencionada, además de tener en cuenta las selecciones de las demás galerías mundialmente reconocidas, como awwwards, thebestdesigns, etc, donde se recogen los mejores diseños web del mundo.

    Los factores a tener en cuenta, para considerar una página web digna de ser expuesta en el post y en nuestra galería 8, son varios. Siendo la creatividad en cuanto al diseño web, la dificultad de la tarea de desarrollo web y el impacto que nos ha causado los factores más determinantes.

    ¡Ahora sí, una vez terminada la introducción, vamos a ver cuales son los mejores diseños web del año 2017 2018!

    Mejores diseños web del 2017 2018

    Formigari

    mejores diseños web

    Empezamos con una creación de diseño web realizada para Formigari, una empresa dedicada a la instalación y modelado de trabajos hechos en piedra para proyectos de interiorismo lujoso. El concepto de mostrar un modelo 3d de lo que vendría a ser un trozo de piedra natural, haciendo una transformación a un bloque de piedra trabajado es impresionante. Si navegamos por los apartados interiores, veremos que nos encontramos con un diseño web muy fino y elegante. Minimalista y sobrio. Todo esto, junto con la elección tipográfica y las transiciones, hacen de éste sitio web uno de los mejores diseños web del 2017 2018.

    Visitar sitio

    A World With No Heroes

    mejores diseños web 2018 2

    Otra vez los cracks de Make Me Pulse, esta vez junto con DDB Paris, nos sorprenden con un interactivo sitio web, el cual nos muestra de manera interactiva, una ficción sobre un cartel de narcotraficantes en Bolivia. Seduciendo al usuario con un impresionante vídeo presentación, acabaremos sumergidos en un mapa interactivo que parece más un minijuego que un sitio web. Sin duda, este es uno de los mejores diseños web del 2017 2018.

    Visitar sitio

    Dunkirk

    mejores diseños web 2018 3

    Dunkirk es un sitio promocional para un film que está creando Warner’s Brothers. Para publicitar la película, han creado este impresionante website, donde dentro de un entorno multijugador, debemos escapar del enemigo. El diseño y desarollo web están realizados por JAM3, un estudio de diseño web de Canadá.

    Visitar sitio

    Ouigo – Let’s Play

    mejores diseños web 2018 4

    Desarollado por Merci-Michel y Rosapark, este website, nos brinda la oportunidad de jugar en un original pinball. Una experiencia web muy trabajada.

    Visitar sitio

    Suscríbete y mantente inspirado

    Mendo

    mejores diseños web 2018 5

    Desmarcandonos de la tónica anterior, donde el uso de objetos o entornos 3D tomaban el protagonismo, destacamos el sitio web de Mendo. Un magazine muy visual con un diseño impecable además de un trabajo de usabilidad muy bien elaborado. Imágenes a gran tamaño, grids de punta a punta y tipografías bien grandes. Merece estar en el top de los mejores diseños web de 2017 2018.

    Visitar sitio

    Aprovechamos para animaros a que le deis un vistazo a nuestro Portfolio de proyectos, para que podáis ver nuestras mejores obras. ¿Necesitas una página web super creativa? ¡Contacta con nosotros!

    Open Continents

    mejores diseños web 2018 6

    Open Continents es un website que mediante una exposición cinematográfica, nos cuenta varias historias alrededor del globo. Mediante el ratón, podemos hacer zoom y desplazarnos por todo el mundo en busca de las historias. Este impresionante diseño web ha sido creado por Kuva_x_Toyfight, estudio de diseño web en Reino Unido.

    Visitar sitio

    Rainforest Foods Experience

    mejores diseños web 2018 7

    Desarrollado y diseñado por Immersive Garden, este sitio web, es una experiencia visual, en la que nos adentramos en un bosque nombrado «Rainforest Foods». El sitio web puede tener ciertos problemas en cuanto a la carga de contenidos, pero una vez cargado, veréis lo impresionante que resulta.

    Visitar sitio

    Gleec Chat

    mejores diseños web 2018 8

    Este se trata de un sitio de promoción para la APP Gleec Chat. De forma muy dinámica, podremos informarnos de todas las funcionalidades y ventajas que nos ofrece esta aplicación de chateo, donde ponen en especial énfasis a la seguridad y cifrado de los datos. El sitio web ha sido realizado al igual que el anterior, por Immersive Garden. Uno de los mejores sitios web del 2017 2018.

    Visitar sitio

    Inscríbete a nuestro boletín para mantenerte inspirado.

    Your Beyond Awaits

    mejores diseños web 2018 9

    Este interactivo sitio web, ha sido diseñado para Mitsubishi, la reconocida marca de automóviles. El sitio web cuenta con unas impresionantes animaciones realizadas en Canvas. Mostrando un vídeo presentación como entrada al website. Una vez finalizada la intro, nos sumergimos en un mapa interactivo sobre el cual realizamos una ruta guiada que avanza según realizamos scrolldown. Las transiciones y animaciones son espectaculares, además del mapa realizado a todo detalle.

    Visitar sitio

    WOWWW TIO! ya tenemos el nuevo post de los mejores diseños web 2019-2020!!!! Haz click ahora!!

    Conclusiones

    Como podéis apreciar, un año más, los grandes protagonistas en cuanto al diseño y desarrollo web, resultan las páginas web interactivas y con elementos 3D. Pronto hablaremos de desarrollo de vídeo juegos en entornos web, ya que la interactividad en los sitios web está llegando a estar al nivel de un juego de pc.

    Aunque este no sea post para hablar de ello, personalmente, pienso que tienen los días contados en la mayoría de los Tops en cuanto a galerías que recogen los mejores diseños web. Como ya he dicho opino que hemos pasado a un plano donde se valora más el trabajo de desarrollo interactivo y el modelado 3D que el propio diseño en sí. Pienso que estaría bien realizar una diferenciación entre websites con un buen diseño web y los demás sitios web donde se premie la interacción y 3D, que como es obvio, son una currada. Nosotros por nuestra parte, vamos a pensar en ello, ya que no nos gusta la idea de premiar únicamente los sitios web «super interactivos» dejando en la sombra a los sitios web con un buen trabajo de diseño gráfico detrás.

    Inscríbete a nuestro boletín para mantenerte inspirado.

    Te animamos a que visites nuestra galería 8, donde recogemos todos los fascículos en un mismo sitio, trimestre a trimestre.

    Aprovechamos para animaros a que le deis un vistazo a nuestro Portfolio de proyectos, para que podáis ver nuestras mejores obras. ¿Necesitas una página web super creativa? ¡Contacta con nosotros!

    Relacionado: Mejores diseños web 2016-2017

    Suscríbete y mantente inspirado
    El autor: Jordi Ensenyat
    Graphic & Web Designer + Programmer
    Jordi Ensenyat es un diseñador gráfico y web, programador y
    maquetador, ubicado en el Maresme, Barcelona.
    While I'm designing/programming don't disturb me. I could fatality you.
    www.jordiensenyatdisseny.com
    - Últimos comentarios -
    Anónimo
    cual es el ranking?
    Publicado el día 02-10-2020
    #12
    0
    Responder
    Anónimo
    esta pagina web mola
    Publicado el día 22-02-2019
    #11
    0
    Responder
    Anónimo
    Una página a tener en cuenta: https://queremosunmundomejor.com/
    Publicado el día 20-02-2019
    #10
    0
    Responder
    Code Barcelona
    #8 Hola Sergio, nos alegra escuchar esto. Daniel se pondrá en contacto con vosotros para hablar de ello! Saludos!
    Publicado el día 15-01-2019
    #9
    0
    Responder
    Estamos interesados en dar un vuelco a nuestro proyecto.
    Publicado el día 15-01-2019
    #8
    0
    Responder
    Code Barcelona
    #6 Totalmente de acuerdo Daniel, de hecho en los últimos posts que hemos realizado de inspiración web, estamos intentando premiar un poco más al “diseño gráfico puro” más que al 3d. Un saludo!
    Publicado el día 03-09-2018
    #7
    0
    Responder
    daniel io
    Interesante, algunas páginas ya apuntan a lo que mencionas arriba, están muy orientadas al 3d aunque creo que eso está muy verde por ahora, el caso Rainforest Foods Experience anda bastante lenta y me aceleró el CPU como si de un GTA V se tratase, si bien entiendo que esta muy vistosa gráficamente la optimización se la llevó el viento. Para mi modo de ver una página bien optimizada, adaptable, intuitiva y certera en contenido es esencial ante una página de puro contenido visual donde un botón disfrazado puede llevarte a la famosa pantalla azul Windows si no tienes una buena pc, notebook, celular, tablet, etc.. Saludos.
    Publicado el día 01-09-2018
    #6
    0
    Responder
    Code Barcelona
    #4 Nos alegra que te haya gustado tanto! Esperamos que vuelvas por aquí a enseñarnos tus trabajos! Saludos
    Publicado el día 21-06-2018
    #5
    0
    Responder
    juan carlos oblitas
    Muchas gracias por compartir, excelente trabajo, aplicaré algunos conceptos a mis trabajos, un gran saludo
    Publicado el día 20-06-2018
    #4
    0
    Responder
    Code Barcelona
    #2 Un placer Fanny! Si quieres compartir con nosotros los resultados a medida que vayas avanzando estaremos encantados de verlos! Además si tienes alguna pequeña duda, quizá incluso podemos ayudarte!
    Publicado el día 13-02-2018
    #3
    0
    Responder
    Fanny
    Acabo de hacer mi primera página html. Vuestra página me va a servir de inspiración para la próxima. Gracias y un Saludo.
    Publicado el día 13-02-2018
    #2
    0
    Responder
    Code Barcelona
    ¿Qué te han parecido los sites que hemos recopilado? ¿Añadirías alguno más?
    Publicado el día 04-02-2018
    #1
    0
    Responder
    Leer más comentarios

    ¿Quieres empezar un proyecto?
    Trabaja con nosotros
    Mantente inspirado con nuestra newsletter
    Mejores cursos de diseño gráfico para 2021
    leer más
    Tendencias en diseño gráfico 2021
    leer más
    Tus datos Si no rellenas tus datos,
    comentarás de forma anónima
    Publicar e inscribirme a la newsletter
    Publicar y no inscribirme a la newsletter
    Recordar datos para comentar rápidamente
    Cuéntame las últimas novedades

    Blog & Proyectos

    Un espacio para todo aquel interesado en diseño web,
    diseño gráfico y marketing online.
    ¿Tienes alguna duda?

    Preguntas frecuentes

    ¿Por qué lo hacéis todo a medida y no utilizáis plantillas?

    Respuesta rápida: Como creativos hacemos todo el diseño web a medida para ofrecer un valor creativo y un diseño único. Como desarrolladores web esto nos deja libres de limitaciones y conseguimos un mejor rendimiento.

    Respuesta elaborada:

    Nuestra filosofía de trabajo ha sido desde siempre, la creación a medida de los proyectos de diseño web que desarrollamos. Esto implica que tanto el diseño como el desarrollo estén hechos a medida. Como diseñadores y como creativos, pensamos que no debería ser de otra forma, por lo que rechazamos de forma rotunda el uso de plantillas en el desarrollo de páginas web. Normalmente utilizamos WordPress como gestor de contenidos, para que el cliente pueda subir sus contenidos a través de un sencillo panel de administración al que tiene acceso mediante usuario y contraseña.

    Gracias a que WordPress es una famosa plataforma para la creación web, muchos estudios se aprovechan del poco conocimiento por parte de sus clientes y crean websites utilizando plantillas prefabricadas que pueden ser adquiridas a bajo coste, únicamente modificando los textos, imágenes, colores, y poco más. En nuestro caso, cada página web que creamos lo hacemos desarrollando nuestra propia plantilla a medida para el proyecto concreto y empezando todo desarrollo con un documento totalmente en blanco, escribiendo cada línea de código.

    Esto nos permite:

    1. Ser totalmente libres y crear todas las funcionalidades que queremos, incluso llevando el proyecto un paso más allá en caso de tener que crear funcionalidades no soportadas por las plantillas. No hay literalmente nada que se nos pueda resistir.
    2. Entregar un trabajo de diseño y desarrollo web totalmente original y con personalidad, adaptado a la imagen de tu marca.
    3. Conseguir un mayor rendimiento, ya que todas las funcionalidades están creadas a medida, sin necesidad de «atiborrar» el la página web de plugins creados por terceros que a menudo pueden dar problemas de incompatibilidades, si no es ahora, en un futuro.
    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿Qué sucede si no me gusta la propuesta de diseño presentada?

    Respuesta rápida: Si la propuesta de diseño web presentada no es la que esperas, presentaremos nuevas propuestas de diseño hasta que quedes 100% satisfecho.

    Respuesta elaborada:

    Normalmente solemos acertar a la primera en el momento de presentar una propuesta de diseño web. Evidentemente siempre hay modificaciones que hacer y que nuestros clientes nos solicitan. Estas modificaciones las hacemos y resolvemos con celeridad. Sin embargo, en los casos en los que la propuesta de diseño web presentada no se ajusta a la línea de que esperaba el cliente, presentamos nuevas propuestas con el objetivo de que quedes 100% contento con el resultado final.

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    He tenido malas experiencias con otros estudios de diseño, ¿cómo puedo estar seguro de vosotros?

    Respuesta rápida: Nuestra cantidad y calidad en los proyectos de diseño y desarrollo web que hemos llevado a cabo a lo largo de los años nos avalan. Puedes consultar nuestro porfolio de proyectos haciendo click aquí. También puedes consultar los premios que hemos recibido por nuestros proyectos.

    Respuesta elaborada:

    No es poco frecuente que en el momento de aceptar un presupuesto nuestros potenciales clientes se muestren preocupados y nos cuenten historias anteriores que han tenido con otros estudios de diseño y desarrollo web. Desde que los han dejado a medias en el desarrollo web, hasta que el desarrollador contratado ha desaparecido sin dar señales de vida dejando un proyecto sin terminar.

    Llevamos años diseñando y desarrollando páginas web para clientes de todo el mundo. Si nos has pedido presupuesto, imaginamos que esto se debe a que ya has consultado los proyectos que tenemos publicados en nuestra página web. Sin embargo, si aún no lo has hecho, te animamos a que le eches un vistazo con ojo crítico haciendo click aquí y seas tu mismo quien determine si somos o no somos dignos de tu confianza.

    Además de disponer de un inmenso portfolio de proyectos realizados, también podemos añadir a la ecuación el hecho de que hemos sido premiados en numerosas ocasiones por nuestros trabajos de diseño. Haz click aquí para ver los premios y menciones por nuestros trabajos y proyectos de diseño web y gráfico desarrollados.

     

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿El presupuesto es cerrado o vais a cargar importes extra durante el desarrollo del proyecto?

    Respuesta rápida: El presupuesto es cerrado, siempre que nos ciñamos a lo presupuestado y que el cliente no pida funcionalidades nuevas, además hay que tener en cuenta que: *hosting y dominio, *textos, *traducciones y *fotografías las ofrece el cliente. En caso de necesidad, podemos ofrecer nosotros mismos los puntos anteriores y en todo caso figuraría como punto en los detalles del presupuesto. Nuestra asesoría y guía para cualquiera de estos puntos no tiene ningún tipo de coste.

    Respuesta elaborada:

    Los presupuestos de desarrollo y diseño web que ofrecemos son siempre cerrados, y únicamente serían ampliables (bajo previa aceptación), en el caso de que el cliente nos pidiera una funcionalidad nueva a medio desarrollo, entendiendo como funcionalidad nueva, cambios o añadidos mayores en el funcionamiento de la página web.

    El cliente ofrecerá el *hosting y dominio, los *textos del website, las *traducciones y las *fotografías.

    *El hosting y dominio en caso de no ofrecerlo el cliente, podemos contratarlo con nuestro proveedor habitual, y teniendo en cuenta que el coste correrá a cargo del cliente. Nuestra asesoría y guía para cualquiera de estos puntos no tiene ningún tipo de coste.

    *Los textos del website en caso de no ofrecerlo el cliente, podemos ofrecer nuestro servicio de redacción, y teniendo en cuenta que el coste correrá a cargo del cliente.

    *Las fotografías necesarias para crear el sitio web, en caso de no ofrecerlas el cliente, las compraremos en nuestro banco de imagen habitual, resultando en un coste de 15€ por fotografía, y teniendo en cuenta que el coste correrá a cargo del cliente. Nosotros mismos te haremos la propuesta de fotografías que consideremos que van más en línea con el proyecto. Tu nos tendrás que dar el visto bueno antes de hacer cualquier compra, la cual la asumiremos nosotros y la repercutiremos en la factura del final de proyecto.

    *Las traducciones en caso de no ofrecerlas el cliente, podemos mandarlas a hacer a nuestro proveedor habitual, ofreciendo un precio cerrado según el número de palabras a traducir, y teniendo en cuenta que el coste correrá a cargo del cliente. Nuestra asesoría y guía no tiene ningún tipo de coste.

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿De principio a fin, qué pasos tiene un proyecto y cual es vuestro método de trabajo?

    Respuesta rápida: Presentaremos las propuestas de diseño web, haremos las modificaciones que nos pidas, Desarrollaremos la página web en nuestro servidor, al cual tendrás acceso para ver el progreso, pondremos el sitio web en vivo. Nuestro trabajo está garantizado, así que cualquier error que se aprecie y que sea responsabilidad del estudio será debidamente solucionado sin ningún coste.

    Respuesta elaborada:

    Fase 1 (Diseño):

    1. Programaremos una reunión o llamada para sentar las bases de tu proyecto y definir todos los puntos a tener en cuenta.
    2. Empezaremos a trabajar en tu proyecto y te presentaremos las primeras propuestas de diseño.
    3. Nos indicarás posibles cambios y modificaciones, los cuales resolveremos con celeridad.
    4. Una vez resueltos los cambios y modificaciones, te presentaremos las versiones finales para poder pasar a la siguiente fase.

    Fase 2 (Desarrollo):

    1. Empezaremos a programar tu página web en nuestro servidor de desarrollo y te iremos mostrando cómo va evolucionando.
    2. Una vez terminada, tu mismo nos podrás indicar posibles cambios y modificaciones menores (generalmente los cambios mayores, suelen darse en la fase de diseño).
    3. Haremos los testeos y comprobaciones previas al colgado de la página web.

    Fase 3 (Puesta en vivo):

    1. Pondremos el sitio web en vivo.
    2. Una vez terminado el proyecto, nuestro trabajo está garantizado así que cualquier error que se aprecie y que sea responsabilidad del estudio será debidamente solucionado sin ningún coste.
    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla

    ¿Dispondré de algún manual o documentación para poder subir y editar el contenido del sitio? ¿Ofrecéis alguna formación?

    Respuesta rápida: Dispondrás de un manual y además te ofreceremos una formación de forma gratuita.

    Respuesta elaborada:

    Al finalizar el proyecto te entregaremos un manual de uso para que puedas gestionar los contenidos que hayamos definido de los cuales necesitas poder gestionar, tales como proyectos, productos, artículos, etc.

    Además te ofreceremos una sesión de formación de forma gratuita para enseñarte a utilizar el gestor de contenidos.

    Si tienes alguna duda, haz clic aquí y te llamaremos para resolverla
    contacta ahora - 93 792 27 62 - info@codewebbarcelona.com
    Pedir presupuesto
    Me gusta perooo... ¿Te contactamos para
    asesorarte sin compromiso?
    Da un paso al frente. Indícanos tu teléfono o email y te contactamos
    para ayudarte a sentar las bases de tu proyecto.
    ¡Perfecto, pronto nos pondremos en contacto contigo!