20 ejemplos de portafolio de diseño en el sitio

Cualquier texto sobre la compañía no será más que un conjunto de frases bien construidas, si no es compatible con la sección con los trabajos. Cartera: un pasaporte, una tarjeta de presentación, un pase al mundo de los clientes serios. Y necesitas ser capaz de hacerlo.

El artículo recopiló 20 ejemplos de páginas "Cartera" de diferentes compañías, de modo que usted apreciaría qué tan bien están hechas y aplicó algo por su cuenta. O corregido.

Art. Lebedev Studio

Enlace - //www.artlebedev.ru/everything/

Caracteristicas

  1. El nombre creativo de la cartera es "Designed".
  2. Muestra el número total de obras, y es impresionante. Y creciendo casi todos los días. Mira ahora en el sitio: el número ya no será 3621.
  3. Las obras se dividen no solo en las áreas de actividad de estudio, sino también en las áreas de negocio del cliente. En cualquiera de las direcciones hay una división:
  1. Si hace clic en el botón "Todas las etiquetas", puede ir a cerrar su miserable estudio en la provincia para profundizar más:
  1. El principio de la organización del trabajo: los mosaicos que se desplazan hacia abajo durante mucho tiempo:
  1. Si desplaza el cursor sobre un trabajo en particular, puede ver los aspectos vinculados de su creación:
  1. Dentro de
  • describe la tarea y firma el proceso de su solución;
  • indica que fue creado como parte de la solución del problema:
  • Información sobre todos los ejecutivos de proyectos:
  1. Al final de la página con las obras hay un panel de intercambio en las redes sociales. De acuerdo: es mejor compartir su cartera, y no solo copiar / pegar un enlace.

Art. Lebedev Studio es una compañía legendaria. Su trabajo sobre los huesos se desmanteló, admirando y despreciando, en círculos de diseño y no solo. Una cosa está clara: los chicos han pasado desde el diseño web a la transformación gráfica de cualquier tema del mundo material. Lo que es una prueba - una cartera.

Empresa Altek

Enlace - //altekpro.ru/portfolio/

Caracteristicas

  1. Una característica interesante de la cartera en este sitio es la cadena de búsqueda:
  1. Las revisiones de los clientes y su lista también se incluyen en el encabezado de la cartera, una buena recepción para mejorar la impresión de la lista de trabajos.
  2. Los trabajos están categorizados para que sea más fácil ver una actividad específica. El botón "Todos" está configurado de forma predeterminada, también devuelve una lista de todos los trabajos.
  3. Principio de organización:

La lista está hecha con paginación - ¡15 páginas de trabajo inspiran!

  1. Dentro de cualquier trabajo:
  • Foto grande del lugar.
  • su descripción:

La compañía probó e hizo un portafolio inteligente en su sitio web: una descripción competente del trabajo, detalles, fotos de alta calidad. Todo funciona para que un joven restaurador o dueño de una cafetería deba ir allí para el equipo de su establecimiento.

Empresa constructora "Intechstroy"

Enlace - //almetfasad.ru/portfolio/

Caracteristicas

  1. La extraña división de trabajo es solo una categoría de "Acabado frontal", al hacer clic en la que no cambia la lista de trabajos, son los mismos que en la categoría "Todo".
  2. La lista es la siguiente:
  1. La lista completa de trabajos se puede ver haciendo clic en el botón "Ver más" a continuación.
  2. Cuando desplaza el cursor sobre cualquier trabajo, aparece su descripción:
  • Al hacer clic en una lupa se abrirá la galería de fotos para este trabajo;
  • Al hacer clic en los enlaces se abre una descripción detallada del trabajo.
  1. ¿Cómo se ve desde el interior?

Como persona que participó en la compra de una casa de campo, me gustaría leer para cada trabajo, qué y cómo se hizo: materiales, herramientas, líneas de tiempo del proyecto. Esto no está aquí, lo siento mucho.

Fábrica de muebles Lev Solovyov

Enlace - //www.sl-mebel.ru/portfolio/

Caracteristicas

  1. La cartera se presenta por secciones, cada una con sus propias fotografías de obras: “Muebles para bares y restaurantes”, “Muebles para interiores privados”, “Restauración de muebles”, etc. Las obras se dividen por paginación.
  2. Las fotos de cualquiera de las categorías se pueden ver en una presentación de diapositivas y luego regresar a las miniaturas.
  3. Cuando se desplaza sobre cualquier imagen, aparece una información sobre herramientas que indica que el trabajo en la etiqueta meta alt no se realizó:
  1. Además, si haces clic en el trabajo, todo estará bien:

En este portafolio, usted desea ver no solo una galería de buenas fotos para cada trabajo, sino también una breve descripción, por ejemplo, ¿quién tuvo la idea de vestir el sofá con una chaqueta - “chaqueta de cuero”?

Atelier "Armario"

Enlace - //www.g-atelier.ru/portfolio

Caracteristicas

  1. Inscripción intrigante "Esta página presenta los productos creados por los maestros del Atelier Wardrobe para nuestros clientes. Parte 1". Como un capítulo en la historia. Se puede acceder a la segunda parte si hace clic en el botón "Ver más" debajo de todas las obras.
  2. La lista de obras está decorada con azulejos que simplemente se voltean al final de la página. Nada firmado.
  3. Si desplaza el cursor sobre un trabajo en particular, aparecerá un ícono de lupa, en el que puede hacer clic e ir a la página desde las galerías de imágenes. Aquí hay una sorpresa: al hojear fotografías, no solo se mostrarán imágenes desde un ángulo diferente, sino también otras obras del estudio. Esto es engañoso:

Y aquí no está del todo claro qué querían mostrar:

  1. Una fuerte recepción al final de la lista de trabajos: una llamada a la acción con un formulario de comentarios:

Taller y ropa - no es mi tema. En este portafolio, las fotos son hermosas, pero la mente masculina requiere descripciones y cada trabajo está firmado. Consulta gratuita al final, como una forma de aclarar los problemas de la cartera.

Empresa "Repablayk"

Enlace - //republike.ru/portfolio.html

Caracteristicas

  1. Impresión positiva del hecho de que todas las obras están firmadas.
  2. Las obras se dividen en categorías que no están ubicadas arriba, pero ligeramente debajo y al lado:
  1. Se llama la atención sobre el deseo de los creadores del sitio de motivar a los visitantes a querer la misma presentación:
  1. Cuando te pasas el trabajo hay una pregunta intrigante:
  1. Cada obra interior consta de varias partes:
  • presentación de diapositivas de la presentación:
  • Todos los aspectos de trabajo:
  • Descripción detallada del trabajo:

Curiosamente, la compañía tiene otros servicios (por ejemplo, nombres, desarrollo de sitios web, diseño de interiores), y la cartera se llena solo con el trabajo en la creación de presentaciones. Obviamente, esta es la dirección principal y, a juzgar por la cartera, la dirección exitosa de la empresa.

Agencia "VelikaPlaza"

Enlace - / progress / portfolio /

Caracteristicas

  1. En general, la cartera de Texterra consta de secciones sobre clientes, revisiones, casos, certificados y trabajo directo. La agencia caracteriza sus trabajos:
  1. Un muy (!) Originalmente jugó el número de obras en la cartera. Leer:
  1. Las obras están decoradas con pictografías-categorías:
  1. Cuando abres cualquiera de ellos, aparece una cartera de trabajos directamente con el nombre de la dirección, una breve descripción y capturas de pantalla firmadas. Cuando se desplaza sobre cualquier enlace de trabajo aparece "Más":
  1. La página de la categoría "Contenido" contiene un enlace al original y una captura de pantalla de alta calidad de todo el artículo (!) Que se puede expandir en las redes sociales, así como directamente desde la página hasta el próximo trabajo.
  2. Los trabajos en otras categorías en la estructura de la representación interna difieren entre sí. Aquí, por ejemplo, hay una vista desde el interior de una de las obras en la categoría "Desarrollo de sitios web":

Aquí puede ver los datos de salida más importantes: la dirección del sitio, el CMS, la tarea, el trabajo realizado y las capturas de pantalla de las páginas, cómo se ve el sitio en diferentes adaptaciones, se enumeran las características y se incluye información sobre las personas que participaron en el desarrollo.

En la categoría "Contenido de video" en los ejemplos de trabajos, los videos filmados se muestran de manera lógica.

Al igual que toda la cartera, cualquier trabajo finaliza con una llamada a la acción al completar un formulario de comentarios:

Si recopila el trabajo de Texterra en un archivo, será papel blanco y un kit de marketing en uno. Como cualquier especialista del mundo del marketing en Internet, me esfuerzo por tener el mismo equipaje, aunque sea muy difícil.

Fábrica de forja de arte OST

Enlace - //ostmetal.com/portfolio/

Caracteristicas

  1. La página principal de la cartera contiene un breve texto que describe la compañía OST, una lista de trabajos. Por favor, tenga en cuenta que las imágenes tienen marca de agua:
  1. Cuando se desplaza en el trabajo hay una lupa. Si hace clic, se abrirá una ventana modal: una galería de fotos con una descripción del proyecto y la ubicación geográfica del objeto.
  1. El portafolio puede ser compartido en las redes sociales. Esta es una indicación directa:

Usted espera más trabajo de cualquier cartera, solo hay 21, a pesar del hecho de que la compañía ha tenido un sitio web desde 2001. Quizás no se puede mostrar todo el trabajo o la página de destino creada no hace mucho tiempo. En cualquier caso, me gustaría desear que OST aumente el número de trabajos. Tienen hermosas palabras literalmente.

Taller "Verbo"

Enlace - //glagol-maket.ru/blog/cases

Caracteristicas

  1. El portafolio se llama Customer Case Studies. El panel con casos se encuentra en la parte superior de la ventana, para cada estadística proporcionada en las vistas, el nombre y una breve descripción. Las obras están separadas por paginación:
  1. Una descripción detallada del trabajo al mismo tiempo es una entrada de la sección "Casos" del blog del desarrollador de diseño:
  1. Para cada proyecto, se especifica la salida:

Y hablamos de los artistas:

  1. Para cada caso, puede ver en detalle todo el proceso de creación de un diseño:
  1. Todos los casos terminan con una llamada para compartirlo en las redes sociales, solicite un diseño o vaya al blog del diseñador principal:

Cartera super con imágenes de primera clase, una descripción detallada de cada trabajo. En Penza, el trabajo se puede ver en vivo; los modelos se exhiben en muchos centros comerciales de la ciudad. Y sí, estos son mis compatriotas, orgullosos de ellos. Lo hacen tan difícil, pero ...

Empresa "Remsk"

Enlace - //remsk.net/portfolio.html

Caracteristicas

  1. Las obras están divididas en categorías, firmadas, divididas por paginación y contienen una breve descripción:

Si hace clic en el botón "Leer más", se abrirá una galería de fotos de un trabajo específico:

En el estudio de este portafolio, surge la disonancia cognitiva: por un lado, imágenes hermosas, descripciones breves y "Leer más", por el otro, solo fotos. Sobre reparación quiero saber mucho más.

Agencia "PrazdnikON"

Enlace - //www.prazdnikon.ru/foto-i-video

Caracteristicas

  1. La cartera se presenta en tres secciones:
  1. El portafolio de vacaciones infantiles comienza con un ejemplo de "matanza":
  1. Lo mismo se puede decir sobre la cartera de la organización del aniversario:
  1. Las páginas en esta sección de la cartera están organizadas de la siguiente manera:
  • galería de fotos:
  • grabación de eventos:
  • Esquema de trabajo con el cliente:
  • y algunos puntos de venta más:
  • y al final inmediatamente dos formas de retroalimentación:
  1. ¿Qué puedes hacer con cualquier trabajo de la cartera y en general con una página? Correcto:

La página principal de la cartera parece débil en comparación con el diseño de sus secciones. Pero hay de todo: estado, calidad de la descripción de gráficos de texto, bloques de venta. Enfoque serio - clientes serios.

Estudio de producción fotográfica.

Enlace - //photo-ideal.ru/portfolio/

Caracteristicas

  1. La cartera consta de seis secciones temáticas:
  1. Cuando hace clic en el botón con más detalle, se abre una lista de fotos, que puede ver si se desplaza hacia abajo en la página. No hay flechas y galerías de fotos habituales, pero las fotos están firmadas y con marca de agua:
  1. Para cada trabajo, puede ponerse en contacto con el estudio completando el formulario de comentarios:

Esa cartera, que no requiere descripciones de texto largas (quizás también cortas). Las fotos hablan por sí solas: equipos médicos internacionales, artículos de perfumes caros, materiales publicitarios, interiores, como las páginas de revistas de moda.

Servicio de coche DUBOKSERVIS

Enlace - //dubokservis.ru/nashi-raboty/

Caracteristicas

  1. Las obras en la cartera están organizadas de acuerdo con el principio "Antes y después" y firmadas por el nombre de las marcas de automóviles, las obras están separadas por paginación:
  1. La cantidad de modelos y el resultado del trabajo me inspiran respeto como conductor. En realidad ... ¡todo!

Muy conciso Simplemente recorre sus páginas, deslízalo hacia adelante y hacia atrás con el control deslizante y observa las terribles abolladuras y los arañazos de los que no queda rastro. En el contexto de la abrumadora mayoría de las estaciones de servicio, que no tienen más que un teléfono, esta cartera parece decente.

Empresa de limpieza "Desde el corazón"

Enlace - //uborkavufe.ru/portfolio.html

Caracteristicas

  1. El portafolio va entre dos bloques de sitios web de extremo a extremo:
  • Ventajas competitivas de la empresa:
  • lista de clientes:
  1. Las obras están firmadas y tienen fotos relevantes:
  1. Si pasas el cursor, su "círculo" se convertirá en una imagen cuadrada:
  1. El punto positivo es que en muchas fotografías se muestran empleados en uniformes, donde se lee bien el nombre de la empresa: “De corazón puro”.

No entiendo por qué no fue para hacer una galería de trabajos sobre cada objeto de limpieza, para decirle qué áreas y qué se limpiaron. Esto es muy lógico y agregaría peso a la cartera. Sin embargo, la lista de clientes habla por sí misma.

Estudio de tatuajes "¡Hey, capitán!"

Enlace - //haycaptaintattoo.com/portfolio

Caracteristicas

  1. Se carga la cartera larga (de la palabra "muy"), el único ejemplo de este tipo de la colección.
  2. Todas las obras están firmadas y con marca de agua de salón:
  1. Al hacer clic en cualquier trabajo se abre una ventana con una foto ampliada:
  1. Si hojeas las fotos, no será el mismo trabajo desde un ángulo diferente, y el otro, con un nuevo tatuaje:

Agujas usadas, tinta para tatuajes, tiempo de trabajo y precio. Desafortunadamente, no existe tal información sobre las obras. Obviamente, las imágenes aquí resuelven mucho más.

Alimentos frescos de la confitería

Enlace - //www.coolnws.ru/home_sweet/portfolio/

Caracteristicas

  1. Los trabajos en la cartera están divididos en categorías, pero no hay categoría "Todos". Se puede devolver una lista completa de pasteles haciendo clic en el enlace "Cartera":
  1. Cualquier pastel desde el interior se ve así:
  • Cada pastel, atención, tiene su propio artículo:
  • Foto firmada, que puede ser aumentada:
  • información de la torta:
  • Momentos de "venta":
  • pasteles similares:

El único portafolio de la colección que desea comer o donar, en su totalidad o en cada trabajo por separado. Y el hecho de que esté más que bien decorado, lo convierte en un modelo para empresas con actividades similares y más.

Salones de red depilación láser y cosmetología "Novias"

Enlace - //podruge.ru/portfolio/

Caracteristicas

  1. La cartera está dividida en categorías. Y el primero le proporciona el estado y el título, y la fotografía:
  1. Si abres la sección "Estrellas", todo se aclarará:
  1. Abra la tarjeta:
  1. La sección de "Antes y después" de la cartera no es tan atractiva estéticamente, pero es necesaria para tal compañía. Como puedes ver, aquí están las subcategorías de trabajo:
  1. Si abres una subcategoría, habrá una galería de trabajos para un servicio específico:
  1. Sección "Video" - videos con el proceso de señalar belleza:

¿Qué puedo decir? Tal cartera puede estar orgullosa. El flujo de clientes ricos y famosos y clientes en las "Novias" después de los comentarios halagadores proporcionados.

Empresa "propia"

Enlace - //art-doors.ru/portfolyo/

Caracteristicas

  1. Las obras están organizadas por azulejos, firmadas y con marca de agua:
  1. Bajo la lista de trabajos hay un texto muy grande para este tipo de páginas:
  1. Si se desplaza sobre el trabajo, aparece la inscripción "Look", puede abrirla. Inside - un caso completo para el proyecto - el texto, que alterna con imágenes cada vez más grandes:
  1. La página de cualquier trabajo y la página con la cartera están al final de una aplicación para el cálculo:

Agradable para leer y ver la cartera: no solo declaraciones declarativas sobre puertas exclusivas, sino también numerosos trabajos con una descripción detallada del proceso de fabricación, incluida una historia sobre los objetos, materiales utilizados y accesorios.

Empresa "Temporada climática"

Enlace - //www.climatseason.ru/portfolio/

Caracteristicas

  1. Hay un filtro de obras por objetos y por tipos. Todas las obras están firmadas, se indica su tipo y categoría de equipo usado:
  1. Una descripción detallada del trabajo se ve así:
  1. La información sobre cualquier trabajo incluye:

    • descripción del trabajo;
    • Galería de fotos bellamente diseñadas (pero las fotos no están firmadas);
    • descripción del proyecto;
    • una historia sobre su implementación;
    • equipo utilizado (tenga en cuenta el precio y un enlace a la tarjeta del artículo).

Si hablamos de las deficiencias, hay una fuente bastante pequeña en la página de la cartera y en cada uno de los trabajos. De lo contrario, esta no es una cartera muy mala entre los competidores, muchos de los cuales ni siquiera tienen sitios más o menos sanos.

Agencia "Casa Inmobiliaria"

Enlace - //www.domnedv.ru/page167/portfolio/

Caracteristicas

  1. El portafolio tiene un diseño de blog clásico - foto / título / fecha de publicación / anuncio de texto:
  1. Si abres cualquier trabajo, también se verá como un artículo común, si no lees:

Aquí están todos los signos del caso: la situación actual, la tarea, una foto del objeto (es extraño que las casas se hayan llevado a todas partes, no los interiores de los apartamentos) y una solución.

  1. Cualquier trabajo de la lista y la cartera en general se puede compartir en las redes sociales.

El portafolio de diseño más extraño y sencillo de la colección. Y lo más informativo en cuanto a componente textual. Повторюсь - надо читать каждую конкретную работу - там очень интересно.

Не говори, что делаешь. Покажи, что сделал

Перед вами сайт клининговой компании, который я хотел включить в подборку, но не включил по вполне понятной причине:

Судя по футеру, сайт никак не менялся с 2015 года. Тем не менее, он в выдаче поисковых систем, иначе я бы его не смог найти. С точки зрения "Яндекса" все не так уж плохо. Pero para las personas, los clientes potenciales, la falta de trabajo de la compañía es una campana inquietante y una excusa para salir rápidamente para buscar competidores con una cartera.

Si quieres que tu cartera al menos mire, recuerda que se caracteriza por:

  1. Aumente el número de trabajos, no importa lo que digan, pero la lista de 1-2 puntos inspira débilmente. Sin embargo, si hay cientos de ellos, es mejor mostrar lo mejor.
  2. Divida el trabajo en categorías, simplificando así la búsqueda de clientes interesados ​​en el campo de actividad más cercano.
  3. Firme el trabajo y las fotos, de modo que muestre qué fue y para quién se realizó.
  4. Describa cada trabajo en detalle; simplemente mostrarlos en la lista general no es suficiente; debe indicar que para ello debe crear una página separada para cada uno de ellos. No escatime en las fotos: muestre las fotos del objeto desde diferentes ángulos.
  5. Demuestre en la cartera de clientes conocidos, sus fotos y comentarios: funciona para aumentar la lealtad del cliente y aumentar el estado.
  6. Si hay muchos ejemplos en la cartera:

    • hacer paginación
    • oculta parte del trabajo detrás del botón "Ver más";
    • hacer una búsqueda de cartera.
  1. Termine la descripción del trabajo con un llamado a la acción: una oferta para contactarlo y obtener el mismo resultado interesante será más que apropiada.

Scalambur: Trabaja en tu trabajo. Es como el libro de registro de un estudiante, en el que primero trabajas y luego ella trabaja para ti.

Deja Tu Comentario