Crear una cartera impresionante no es fácil. Si necesita una chispa para encender su creatividad, aquí tiene 24 de los mejores sitios web de portafolio de desarrolladores web.
Una de las tareas más difíciles de un nuevo desarrollador es crear un portafolio de desarrollador web personal que ayude a obtener un potencial atención del empleador en el mercado laboral abarrotado. Sin lugar a dudas, una impresionante cartera en línea no solo muestra sus trabajos de diseño, sino que también destaca sus logros y experiencia, dejando una fuerte impresión en sus visitantes.
Dado que no es solo una colección de muestras de trabajo, hay algunas factores que vale la pena considerar al crear un sitio web de cartera de desarrolladores web. Algunas de las preguntas más importantes que debe hacerse:
- ¿Existe un botón de llamada a la acción claro para que otros aprendan rápidamente sobre usted?
- ¿Hay alguna parte confusa en el diseño del sitio web?
- ¿Su texto es demasiado prolijo?
- ¿El sitio tarda mucho en cargarse? El tiempo de carga lento equivale a llegar tarde a una entrevista y debe evitarse por todos los medios.
- ¿Muestra la página web los problemas centrales que preocupan a los usuarios, o es solo una colección de logros desorganizados sin sentido para el usuario?
- ¿Puede la página web cargarse y mostrarse normalmente en el móvil?
En comparación con los sitios web comerciales, los sitios web personales de los desarrolladores web deben prestar más atención a la personalidad y pensando. A continuación, encontrará 24 de las mejores carteras de desarrolladores web de diseñadores individuales y estudios creativos de todo el mundo. Desplácese hacia abajo e inspírese.
Robby Leonardi
Hecho por: Robby Leonardi
Información básica: un diseñador multidisciplinario, entusiasta de la tecnología y fanático de la NBA.
Qué tiene de especial: Incorpora experiencias interactivas y videojuegos de nuestra infancia.
Este sitio parece como un videojuego en línea, y te sentirás como si estuvieras jugando cuando desplaces el mouse para conocer la experiencia laboral de Robby & habilidades profesionales. Si estás buscando una forma novedosa de presentar un dato aparentemente aburrido pero importante, entonces este sitio web es un ejemplo perfecto.
Matthew Williams
Hecho por: Matthew Williams
Información de fondo: Un frente -ingeniero de desarrollo final al que le encantan los efectos de la interfaz de usuario, la animación y la experiencia de usuario dinámica.
Qué es especial: una sola página con un fondo negro y una interfaz limpia.
Si desea desarrollar una interfaz creativa er portafolio con una hermosa interfaz, entonces no puede perderse este. Tiene un fondo negro, lo que hace que el sitio se vea elegante y limpio. Hay una autointroducción concisa en la página de carga. A medida que se desplaza hacia abajo, se cargan diferentes secciones, incluidas habilidades profesionales, publicaciones de blog, cartera y detalles de contacto.
DRIES VAN BROECK
Hecho por: DRIES VAN BROECK
Información de fondo: un diseñador de movimiento.
Qué es especial: si bien el diseño puede parecer una distracción, resalta los elementos importantes con un toque magistral.
De acuerdo con las reglas generales del diseño de sitios web de portafolios de programadores, los efectos dinámicos pueden distraer a la gente con facilidad. Pero encontrará que el sitio web está bien diseñado con detalles, incluido el el carrusel se muestra bellamente, el texto de aviso brillante para resaltar la información del autor y los pequeños íconos animados para llamar la atención del usuario sobre las partes más importantes de la página web. Esto no deja dudas sobre sus habilidades avanzadas de desarrollo y diseño.
Malte Gruhl
Realizado por: Malte Gruhl
Información básica: un diseñador independiente.
Qué es especial: este es un diseño con todo incluido igner que da un sentido profundo de misterio.
Este sitio le da a la gente una sensación de misterio, despertando su interés. Llámelo como quiera: minimalismo, arte o abstracto; las palabras no son suficientes para describir las características de diseño de este sitio. A medida que se desplaza hacia abajo en la página, encontrará elementos de física y química.
Ben Bate
Hecho por: Ben Bate
Información general: un producto diseñador que a menudo trabaja con nuevas empresas y grandes empresas para crear productos electrónicos influyentes.
Qué es especial: una copia brillante que capta la atención del visitante.
El diseño está hecho usando Bootstrap. Aunque el diseño visual no es particularmente sobresaliente, el contenido lo compensa con creces.
Elsa Muse
Hecho por: Elsa Muse
Información de fondo: una bloguera de moda francesa.
Qué es especial: esquema de colores atrevidos y minimalismo de libro de texto.
Tenemos que decir que el trabajo de diseño de Elsa Muse es particularmente artístico, lo que también se destaca en su sitio web.Estudiar el diseño del sitio es una buena manera de ampliar su visión, especialmente en lo que respecta a la combinación de colores y el minimalismo de un libro de texto.
Legworkstudio
Hecho por: Legworkstudio
Información de fondo: un estudio personal ubicado en Colorado.
Qué es especial: animaciones y experiencias interactivas que nunca antes había visto.
La animación y los efectos interactivos combinados hacen que este sitio web se destaque. Los visitantes quedarán impresionados por las animaciones únicas dibujadas a mano en la página de inicio. La clave es que estas animaciones no se parecen a nada visto antes.
Lounge Lizard
Hecho por: – Lounge Lizard
Información general: una empresa de diseño web en Nueva York.
¿Qué «s especial: este sitio parece poco convencional pero profesional, emana confianza y comodidad al mismo tiempo.
Para hacer un sitio web lucir profesional pero poco convencional no es fácil, pero la compañía Lounge Lizard hace que parezca eficiente ortless. Desde la exhibición de la marca hasta la exhibición de fotos del lugar de trabajo, este sitio web con temática de bar hace un buen trabajo al establecer la identidad de la marca y promover la reputación de la empresa.
Wokine
Hecho por:
Información general: una empresa de diseño web ubicada en París.
Qué es especial: diseño visual con pantalla dividida.
Este sitio web sigue un enfoque de diseño visual muy popular: pantalla dividida. El diseño general de este sitio es muy sencillo, utiliza mucho espacio y un esquema de color simple. Esto da como resultado una buena imagen jerarquía.
Daniel Spatzek
Hecho por:
Información básica: un diseñador gráfico y web independiente.
Lo que es especial: Muchos gráficos y técnicas animadas.
Este sitio utiliza mucha tecnología CSS y animaciones para crear una experiencia dinámica increíble . A diferencia de otros diseños de páginas largas, la navegación de este sitio web se distribuye en cuatro direcciones. Al desviarse de la disposición tradicional, el sitio supone un cambio refrescante.
Sean Halpin
Hecho por:
Información general: un diseñador y desarrollador web de Toronto .
Qué tiene de especial: Es una gran personalidad en un paquete pequeño.
Este es un ejemplo perfecto de una cartera completa de desarrolladores web, que presenta tanto las habilidades como la personalidad del autor. Todo el sitio parece el pequeño mundo verde de un diseñador. Sean también ayuda a otros a crear sitios web personales.
Denise Chandler
Hecho por: Denise Chandler
Información de antecedentes: una diseñadora con una sólida formación en programación.
Qué tiene de especial: Incorpora a la perfección los 4 principios básicos del diseño web con elementos personalizados.
Esta cartera de desarrolladores web independientes ilustra a la perfección los 4 principios básicos del diseño: alineación, repetición, contraste e intimidad. Además, tiene muchos elementos personalizados que lo hacen más llamativo.
Yul Moreau
Hecho por: Yul Moreau
Información de antecedentes: Director de arte digital nacido en Seúl, viviendo en París
Qué tiene de especial: Atmósfera única y música electrónica dinámica
Yul Moreau se inspira en los años 80 para crear el sitio web de su cartera y es un gran ejemplo del uso de elementos visuales para aumentar la participación del usuario . Su experiencia y habilidades se muestran de manera experta al incrustar videos, imágenes y efectos de desplazamiento en una sola página.
Toy Fight
Hecho por: ToyFight
Información general : Son un equipo de diseñadores, directores, estrategas y bailarines.
Lo que tiene de especial: el llamativo esquema de colores llama la atención de los visitantes de inmediato.
Este sitio web utiliza una combinación de colores vibrantes y un diseño minimalista para captar la atención de los visitantes y atraerlos para mantenerlos más tiempo en el sitio. El menú fácil de navegar y el estilo minimalista hacen que la experiencia del usuario sea deliciosa y agradable.
Rezo Zero
Hecho por: Rezo Zero
Antecedentes info: Un estudio gráfico y digital que diseña y desarrolla identidades de marca únicas.
Lo que es especial: estudios de casos enriquecidos para varios proyectos.
Este portafolio parece una revista digital con hermosas imágenes bien ubicadas y tipografías cuidadosamente seleccionadas. Sus estudios de casos detallados e ilustrados para cada proyecto le dan una ventaja sobre sus pares.
Tim Smith
Realizado por: Tim Smith
Información de antecedentes: un diseñador y escritor con sede en Londres, también director de automóviles global.
Qué es especial: diseño de sitio fácil de navegar y basado en tarjetas.
Este sitio utiliza una forma sencilla pero sorprendente de presentar al diseñador portafolios. Combinado con el hábil uso de efectos de animación, el diseño basado en tarjetas atrae fácilmente a los usuarios.
STRV
Realizado por: STRV
Información previa: Un equipo de diseñadores e ingenieros especializados en soluciones digitales.
Qué «s especial: el uso de videos presenta con mucha claridad cómo funciona la agencia.
Los videos en segundo plano transmiten de manera experta cómo el La agencia de productos funciona. Para ilustrar, si hace clic en el botón de reproducción en el video de pantalla completa, se mostrará el proceso en detalle.
Estéreo
Hecho por: Estéreo
Información básica: un equipo de pensadores creativos con sede en Londres.
Qué es especial: se centra en la relación emocional del consumidor con la marca.
Este es un sitio web de cartera simple pero llamativo. La agencia usa imágenes coloridas y videos vívidos en el centro de su sitio para mostrar lo que pueden hacer. Su objetivo es crear una relación emocional más profunda con los visitantes.
Steven Mengin
Realizado por: Steven Mengin
Información general: un diseñador digital con sede en Londres.
Qué tiene de especial: un sitio web de portafolio único y visualmente impresionante.
El uso de strong Las imágenes muestran lo que Steven Mengin puede hacer a simple vista. Cuando un visitante ingresa al sitio web, verá un efecto de espacio de nubes bellamente animado, con el nombre del diseñador en el centro. Es un placer ver las sutiles animaciones.
Patrick David
Realizado por: Patrick David
Información de fondo: un desarrollador de aplicaciones web y diseñador con sede en Italia.
Qué tiene de especial: este es un ejemplo típico de cómo encajar todo el portafolio en una sola página.
Este es un ejemplo típico de un sitio web de una página y desplazamiento largo, simple pero efectivo. Cuando te desplaces hacia abajo, verás una hermosa sección de héroes y varios proyectos de ejemplo.
Stink Studios
Hecho por: Stink Studios
Información general : Una empresa global lanzada en 2009, que se centra en la publicidad, la tecnología y el entretenimiento.
Lo que es especial: demuestra una variedad de proyectos de una manera limpia pero creativa.
El estudio coloca su trabajo al frente y al centro utilizando un diseño de mampostería. Los proyectos incluyen campañas de promoción, sitios web y experiencias 360 / VR.
TOBIAS AHLIN
Realizado por: TOBIAS AHLIN
Información básica: un diseñador digital, orador, profesor y consultor para empresas tecnológicas y startups.
Lo que es especial: permite que las obras hablen por sí mismas.
En el centro y la parte superior de la página, Tobias Ahlin va directo al grano: «Diseño y construyo productos digitales». Este sitio utiliza un diseño minimalista y basado en tarjetas, con enlaces de estudios de caso incluidos en el producto final.
Femme Fatale
Hecho por: Femme Fatale
Antecedentes información: un estudio creativo centrado en la cultura, el lujo, la editorial y el arte.
Lo que es especial: irradia una seductora sensación de lujo.
Este sitio encarna a la perfección la autodescripción del equipo de «algo entre la sofisticación y la simplicidad». Refleja este tono mediante el uso de imágenes llamativas, tipografías nítidas y esquemas de color negro, todos contribuir a crear una apariencia sofisticada.
Wendy Van Veen
Realizado por: Wendy Van Veen
Información de fondo: ilustradora, animadora y dibujante.
Qué es especial: utiliza la ilustración y el humor para atraer a más usuarios.
Este sitio web ofrece a los usuarios un vistazo a la personalidad de Wendy. Al desplazarse hacia abajo, los usuarios verán animaciones divertidas e interesantes que muestran el talento del diseñador.
Reflexiones finales
Esperamos que estos portafolios de desarrolladores web seleccionados cuidadosamente lo inspiren y encender tu creatividad. Sin embargo, es bueno recordar que la inspiración o el talento solo te llevarán hasta cierto punto. Una herramienta de diseño útil es imprescindible para ayudarte a hacer tu trabajo más rápido y de manera más eficiente.
Si Si busca una combinación de funcionalidad y facilidad de uso, Mockplus es una buena opción. No solo proporciona una gran cantidad de ejemplos de diseño web, sino que también incluye componentes / elementos de interfaz de usuario listos para usar para comenzar diseñar con el mínimo esfuerzo.
