Este artículo patrocinado fue creado por nuestro socio de contenido, BAW Media. Gracias por apoyar a los socios que hacen posible SitePoint.
En su rol de desarrollador web profesional, está preparado para cualquier desafío de creación de sitios web. Pero, crear una cartera de sitios web creativa para usted los servicios no es algo a lo que esté acostumbrado.
Por mucho que le guste el desarrollo web, probablemente nunca lo haya considerado una profesión especialmente sexy o creativa.
La verdad es que no es tan difícil armar una cartera llamativa con bastante facilidad cuando estás armado con las herramientas adecuadas y tienes una selección de conceptos inspiradores y relevantes para elegir.
Aquí hay 8 ideas poderosas, junto con 32 ejemplos, para inspirarlo y permitirle promover sus servicios en su propio sitio web de portafolio impresionante.
8 ideas que harán que su sitio web de portafolio de desarrollo web se destaque
Ser dueño de lo que haces y compartirlo con otros
Muchos, si no la mayoría, de los sitios web de portafolios tienen algo en común. Debido a sus diseños, los visitantes tardan unos segundos en darse cuenta de lo que realmente hace el autor.
Y cuanto más tiempo tarde un visitante en darse cuenta de lo que haces y de quién lo estás haciendo porque, es más probable que se vaya antes incluso de echar un vistazo a tu cartera.
Quieres que las personas sepan exactamente lo que haces en el instante en que llegan a tu página de inicio, y aquí son algunas formas de lograrlo.
Cihad Turhan
BeWebDeveloper
El mensaje de titular claro como el cristal de este sitio web prediseñado atrae instantáneamente al lector.
BeCode
Josue Espinosa
Este tipo te dice claramente lo que hace. Incluso usó una pantalla llena de código para su foto de héroe.
La simplicidad es la máxima sofisticación
A la mayoría de los visitantes del sitio web no les gusta el desorden, y ciertamente ganaron No esté dispuesto a recorrerlo para encontrar lo que ofrece. Dado que se enorgullece de su capacidad para escribir código limpio, un diseño de portafolio limpio también debería atraerle.
Sin duda, le resultará atractivo a tus visitantes.
Un diseño limpio dará fe de tus habilidades y ética de trabajo, y si lo sientes necesario, siempre puedes usar el color y la textura de una manera que destaque tu personalidad.
Por ejemplo:
BeSimple2
Chris Biron
Este diseñador digital autónomo hizo una marca de la simplicidad. ¿Qué tan genial es eso?
Matthew Williams
BeCompany3
Un ejemplo perfecto de cómo la simplicidad del diseño puede producir una página de inicio limpia del sitio web que es imposible ignorar
Convirtiendo un currículum vitae de Blah a Wow
Los currículums están tan pasados de moda. ¿No estás de acuerdo?
No cuando dejas que tu arte o productos hablen por sí mismos, que es lo que pueden hacer los sitios web de cartera; y espectacularmente si se hace bien.
Aún puede mantener la estructura clásica de un currículum, ya que eso es lo que un lector estaría esperando.
Solo aplique un poco de creatividad para mejorar sus habilidades y la experiencia se destacan. Agregue algunos elementos visuales y / o interactivos pegadizos y observe cómo el currículum que está construyendo de repente pasa de Blah o Meh a Wow.
Ahora, los lectores querrán saber más sobre usted, lo que hace y lo que puede ofrecerles.
A continuación, se muestran algunos ejemplos de currículums tan sobresalientes que merecen una segunda o tercera evaluación.
BeResume
Los sutiles elementos animados de este tema harán que el sitio web terminado sea agradablemente interactivo .
Pierre Nel
BeFreelancer
Denise Chandler
Un estudio rápido sobre cómo realizar su currículum y conviértalo en una obra de arte llena de personalidad.
Profesional con un toque creativo
Eres un tipo sensato cuando se trata de hacer tu trabajo, como son la mayoría de los profesionales; y quiere ser visto de esa manera para poder conseguir trabajos más grandes y atraer mejores clientes.
Nunca está de más «tomar prestado» un poco de las formas en que los mejores profesionales de otras industrias se presentan en línea. No estamos hablando de «imitadores» aquí.
Es simplemente una cuestión de obtener una idea o dos de abogados, entrenadores, consultores y otros profesionales sobre cómo hacer que su sitio web se vea profesional, pero no «pegado para arriba».
BeLawyer
Este tema está dirigido a abogados independientes, pero se puede personalizar fácilmente para crear un sitio web elegante para la cartera.
Jacek Jeznach
Patrick David
BeCoaching2
Si su objetivo es un sitio web de portafolios con personalidad, puede ver cómo los entrenadores atraen a sus clientes.
Apoyarse en el lado artístico
Los artistas tienen la la mayoría de los sitios web dignos de babear. Realmente no esperaría que fuera de otra manera. Enfréntelo; tendría problemas para competir con ellos.
Afortunadamente, no es necesario. Ya hay muchos desarrolladores web por ahí que «han creado con éxito algunos sitios web de portafolio increíbles para ellos mismos, e incluso para otros.
Como Adham Dannaway, quien usó este enfoque artístico para presentar sus servicios de diseño y desarrollo web.
O Legwork Studio. Este estudio de animación combinó ilustración con animación y lo empaquetó para crear una marca visual reconocible.
También puede inspirarse en temas como estos dos que los artistas están utilizando actualmente para crear sus portafolios de sitios web:
BeArtist
BeArtist2
Llamar la atención con gamificación
¿Quieres saber qué tipo de portafolio de sitios web ofrece la mayor posibilidad de hacerte famoso?
Intenta convertir tu portafolio en línea en un juego.
Ya pasamos de Blah a Vaya. ¿Por qué no apuntar a algo aún mejor?
Cuando conviertes tu portafolio en un juego, es difícil para cualquiera pasarlo por alto. A casi todo el mundo le gusta participar en una entretenida aventura en línea, y es mucho más divertido que hacer una lista de habilidades y logros.
Robbie Leonardi
Este diseñador, programador y animador es conocido por su galardonado y alucinante juego de portafolio. Sí, le ganó premios; y muchos cinco.
Estudio pequeño
BeFantasy
BeGame
Puede tomar este tema de presentación del juego y convertirlo fácilmente en un portafolio interactivo.
«Robar» lo mejor de los sitios web de la empresa
Cuando esté ejecutando un empresa, tiene la tarea de encontrar una manera de vender varios productos o servicios en el mismo sitio web.
A menudo es lo mismo para usted como desarrollador web.
Tiene múltiples habilidades y servicios, y desea mostrarlos de la manera más atractiva pos sible. También necesita encontrar una manera de presentar sus ofertas de una manera clara, para que los clientes puedan encontrar fácilmente lo que buscan.
Si tiene múltiples habilidades y servicios para ofrecer, debería encuentre estos ejemplos una fuente de inspiración:
BeAdAgency2
Este tema de agencia de publicidad funciona muy bien para servicios híbridos.
Instalación
BeDigital
TMS-Outsource
Estas personas encontraron una manera simple y poderosa de presentar todas las tecnologías que utilizan.
Presentarse como un producto
Piense en el alto nivel de conversión Los sitios web venden productos tecnológicos.
Se adhieren a una arquitectura común diseñada para atraer a las personas y convencerlas de que compren o se registren para una prueba gratuita. Utilice esa misma arquitectura para crear su cartera de sitios web y puede esperar atraer más clientes potenciales a y convencerlos de que te contraten.
Al mismo tiempo, puedes demostrar lo que podrías construir para ellos si deciden trabajar contigo.
BeWatch
Esta estructura de sitio web clásica para vender productos de IoT está diseñada para atraer y convertir.
Emily Ridge
Un desarrollador web usó una estructura similar a esta para su portafolio en línea.
BeProduct4
Johnny Maceachern
Empiece
Con algunos conceptos creativos para empezar, ya no tiene una razón ni excusas para seguir posponiendo la creación de su propio sitio web de cartera.
Si le preocupa no tener tiempo para hacer malabarismos con el trabajo del cliente con el trabajo en su cartera en línea, hay un atajo que puede tomar.
A menos que o hasta tiene suficiente tiempo en sus manos para construirlo desde cero, un sitio web prediseñado c y proporciona una manera rápida y eficaz de crear un portafolio en línea deslumbrante para mostrar tu trabajo.
Un buen recurso es Be Theme, con su enorme biblioteca de más de 70 páginas de una página (y más de 400 sitios web prediseñados de todo tipo).
Cada uno está diseñado con una navegación sencilla en mente, y cada uno incorpora elementos interactivos diseñados para aumentar la participación del usuario en la página. Todo lo que necesitas para agregar tu visión creativa, que será más que suficiente para llevar tu portafolio de «meh» a «impresionante».