Transcripciones
1. Introducción a la clase: Oye, mi nombre es Jeremy. Soy diseñadora de identidad de marca de Sydney, Australia. En esta clase, voy a compartir con ustedes cómo elaborar carteras increíbles. Si eres diseñador junior, principiante, o tal vez eres un diseñador gráfico con algunos años de experiencia, esta clase te será genial porque voy a compartir
contigo cómo estructurar tu portafolio, cómo estructurar estudios de casos también, cómo elaborar estudios de caso que tengan más de un impacto. También nos vamos a sumergir en cómo elaborar maquetas espectaculares que realmente tienen atractivas imágenes de portada que llaman la atención. Vamos a estar hablando de algunos consejos prácticos sobre cómo usar Behance, también cosas sobre cómo crear una página de destino usando una plantilla de Webflow y también hablando de mis mejores prácticas, consejos y trucos que he aprendido en el pasado ocho años, además de revisar carteras estudiantiles que he hecho por un tiempo. Para tu proyecto de clase, lo que vamos a estar haciendo es trabajar en un caso práctico de Behance, para que en realidad puedas trabajar en un proyecto de cliente anterior que hayas tenido. Si no has tenido proyectos de cliente, puedo poner un breve donde realmente puedas practicar y crear eso y subirlo a Behance, que entonces puedas empezar a construir tu portafolio. Si eres un diseñador junior, un diseñador gráfico, o simplemente un principiante que quiere meterte en el diseño y empezar a construir tu portafolio, entonces definitivamente echa un vistazo a esta clase e insértate. Espero verte ahí dentro, y empecemos a diseñar.
2. Por qué necesitas un portafolio: ¿ Por qué necesitas un portafolio? Realmente creo que un portafolio en la industria creativa es tan importante porque sin que se vea tu trabajo, básicamente eres invisible. Me encanta el libro Austin Kleon, y se llama Show Your Work. Si no muestras tu trabajo, ¿cómo te vas a notar? Es la única forma de darse a conocer poniendo tu trabajo ahí fuera, no importa en qué nivel estés, necesitas poner constantemente tu trabajo de diseño, sacar tu arte para que te notes. El caso es que la mayoría de los clientes realmente no sabrán qué haces ni qué tipo de trabajo haces a menos
que estés loco, eres como vendedores o tienes mucho boca a boca o mucho tráfico yendo a tus sitios para generar realmente esos leads. Pero las redes sociales pueden ser un portafolio. Me encanta Instagram, que es un gran lugar para publicar imágenes, puedes tener la bonita cuadrícula y no necesitas tener un sitio web. Pero realmente creo en estos días que tener un sitio web realmente te va a beneficiar porque tienes mucho más control sobre el diseño decide, cómo creas tu portafolio, y me encantó esa funcionalidad y la capacidad para simplemente compartir un enlace y eso siempre se anima, guarda un nombre de dominio de tu nombre personal, porque siempre puedes usarlo como portafolio. Ahora, mis tres razones por las que necesitas un portafolio es el Número 1, necesitas mostrar tu nivel de habilidad. Cuando alguien mira tu cartera de inmediato, debería
poder decirte el nivel de habilidad
y habilidad que tienes como diseñador creativo. El número 2 es para atraer a un público. Cada vez que construyes o sacas trabajo, vas a ganar diseñadores y clientes para ver tu trabajo, así que vas a construir eso. número 3 es realmente construir más clientes potenciales y obtener más leads. Cuanto más lleva mejor porque entonces puedes conseguir más trabajo. Entonces el número 4 es que quieres construir un cuerpo de trabajo. Hemos visto todos esos es artista como Picasso, y han generado todo este arte a lo largo de toda su vida, es lo mismo con el diseño. Se quiere empezar a construir este cuerpo de trabajo. A lo largo de los años, a medida que sigues persiguiendo tu sueño y convirtiéndote en diseñador, entonces tienes una vasta gama de proyectos que mostrar, para compartir, y te va a ayudar a triunfar a largo plazo. Ahora, quiero compartir algunos sitios de portafolio que puedes usar para poner realmente tu cartera en línea si no vas a conseguir un sitio web. número 1 es de caballería freelance y El bucle. Esos dos bandos tienen su sede en Australia. Los usé cuando era un poco más joven. También estoy en el trabajo independiente de Caballería por el momento. Yo estuve ahí pasados unos años y es bueno para el trabajo freelance
extra cuando estás trabajando con agencias y cosas así. Si eres australiano, definitivamente echa un vistazo a esos sitios, son realmente fáciles de usar. Ahora, algunas otras sugerencias que recomiendo. Estos son los cinco primeros que creo que son los mejores. El número 1 es Behance. El genial de Behance es que en realidad es gratis y es fácil de configurar, fácil de poner tu cartera en línea, y es una de las plataformas más populares porque es propiedad de Adobe. Eso sí lo recomiendo. El número 2 es Dribble. Llevo muchos años en Dribble. El único problema es que es solo invitar. Necesitas obtener una invitación de alguien, ya sea otro diseñador que ya está en la plataforma. Pero en general la grilla ahí, la comunidad es encantadora y la calidad del diseño ahí es realmente genial. El número 3 es Carbon made. Esta no es una opción barata. El precio suele oscilar entre $8 y $12, dependiendo de dónde estés, si es USD o cualquier divisa en la que estés. Pero es una herramienta realmente sencilla. De verdad me encanta porque son módulos de arrastrar y soltar. Se pueden agregar galerías, se pueden
agregar cuadrículas, y simplemente es más fácil meterse en el flujo de la misma. Se puede personalizar la topografía y los colores de la marca y todo el montón de cosas. carbono hecho es otra opción realmente buena viable si apenas estás empezando. Si eres principiante y apretado en el efectivo, creo que esa es una buena sugerencia. El número 4 es Webflow. Esta es mi plataforma personal que uso para construir todos mis sitios web tanto para clientes como para mí. Se puede ver un ejemplo de mi sitio web, lo
construí todo desde cero usando Webflow. No usé ningún código, básicamente solo las herramientas que proporciona Webflow, y me encanta usarlo. Es realmente simple, muy divertido, y es más fácil agregar animación también si quiero enloquecerme con eso. Entonces por último es Wix editor X. Creo que esta es una buena alternativa
barata también. Es muy similar a Webflow, pero es más para principiantes. El caso es que si eres diseñador o quieres trabajar con clientes, puedes usarlo también por esa razón. Es flexible, arrastrar y soltar también, muy sencillo de usar, y creo que estos son top para recomendar.
3. Cómo escribir sobre ti: Yo quiero hablar un poco sobre cómo escribir sobre ti. Tengo una pregunta de uno de los estudiantes en Skillshare. ¿ Cómo escriben sobre sí mismos si no tuvieron la experiencia. Yo sólo quiero tocar base en eso. Quieres evitar hablar de mí, de
mí, y convertirlo en un enfoque egocéntrico. Quieres inyectar tu personalidad compartiendo cosas sobre lo que haces, cosas de un lado, cosas de tu vida. Pero la cosa es que nadie quiere escuchar un ensayo. No quieren escuchar tu historia de vida. Realmente solo quieren escanear a través de tu página, y ver si es relevante para ellos, y ver si eres una persona genial. Realmente trato de escribir algo que es realmente fiel a quien soy, pero tratando de enfocarme en cómo he impactado a los demás, y cómo mi negocio de diseño o a mí personalmente,
cómo ayudo a los demás, y ayudo a las empresas a lo largo del camino. Recuerda, un cliente potencial podría estar leyendo tu página Acerca de. Ve cómo puedes ayudarlos. Escribe sobre cosas que son como has crecido negocios, o puedes hablar de cómo alcanzaste un determinado objetivo o lograste algo. Esas cosas son realmente clave porque suena profesional, pero al final del día, puedes hablar de cosas que son relevantes para tu vida, y siempre tratar de usar tus propias palabras. No intentes sonar cool o ingenioso, solo manténgalo realmente dulce, mantén los párrafos muy cortos, y no digamos cuando estés escribiendo sobre ti mismo. Si tienes un poco de experiencia, aquí te dejamos algunas cosas que puedes mencionar en tu página Acerca o cuando estás escribiendo un blog para un sitio web o cosas así. El número 1 es galardones y premios. Si has ganado algo de estar en una competencia, y has ganado, eso es realmente genial mencionar, proyectos
paralelos también si has sido parte de un proyecto paralelo en el que has trabajado, eso también es genial. Tal vez eventos, tal vez te ofreciste como voluntario en una conferencia de diseño local, algo así, eso es realmente genial agregar. Hablando también de clientes pasados, puedes poner sus logotipos ahí. También puedes mencionar tus sistemas y valores personales de creencias. ¿Qué valoras en la vida? Creo que realmente a la gente le encanta resonar y hablar de eso. Creo que es realmente importante. Ahora, tal vez seas principiante, y realmente no tienes experiencia previa, realmente no
has trabajado con clientes reales. ¿ Cuáles son algunas cosas de las que realmente puedes hablar? Una cosa es que en realidad puedes mencionar cosas que inspiran tu trabajo, tu pensamiento, y la forma en que trabajas. Tiene ciertos diseñadores, artistas, tal vez un cierto estilo visual del pasado que realmente te gusta. A lo mejor es un lugar, un museo, o un lugar por el que has viajado que realmente te inspire. El número 2 son tus pasiones. ¿ Cuál es tu objetivo final? Tu sueño definitivo. ¿Es para trabajar para Disney? ¿ Es para funcionar para Apple o algo así? A lo mejor eso es realmente interesante para alguien inyectar eso realmente en el texto, eso podría ser realmente interesante. Otra cosa que puedes hacer es realmente mencionar lo que haces fuera del trabajo como los fines de semana. ¿ Te gusta ir al gimnasio o a la playa o haces observación de aves. ¿ Te gusta ir al cine o ir a ciertos eventos? Menciona algunas de esas cosas, no entres demasiado en ello, pero en realidad puedes traer algunos de esos rasgos personales, y sabores personales, y sabor que realmente te gusta hacer fuera del diseño, y la creatividad. Entonces otra cosa que es importante es tener un llamado a la acción. Tener un llamado a la acción que diga, empecemos un proyecto, reservemos una llamada, ponernos en contacto, tomemos un café, algo así, que realmente inspire a alguien a tomar acción, todo si está arriba en tu página Acerca, esa es una oportunidad para ponerse en contacto con un cliente potencial. Entonces, por último, puedes mencionar 3-5 valores en los que realmente crees, y cosas que aplicas en tu negocio. Para mí, un par de ellos es que nos esforzamos por la excelencia. Por lo que trato de poner tanto esfuerzo en mi trabajo como sea posible. Entonces otro valor que tengo es que soy gente primero. Realmente valoro a la gente, y soy muy amable, y creo en la amabilidad, y en la paz, y solo ser de ayuda a la gente. Para mí, la gente primero, y la excelencia son dos valores de los que realmente me encanta hablar, y eso está en mi página Acerca. Eso lo puedes comprobar en mi sitio web, pero puedes compartir algunas de esas cosas, y creo que estos consejos realmente te ayudarán cuando estés escribiendo tu página Acerca de, escribiendo sobre ti mismo, y cosas que van a realmente te hacen destacar cuando alguien aterriza en tu página web.
4. Estudio de caso contra portafolio: ¿ Cuál es la diferencia entre un estudio de caso y un portafolio? Lo primero que quiero que hagas es deshacerte del término cartera. Hemos crecido en escuela de diseño o universidad y estamos acostumbrados a decir este término portafolio pero de manera realista en el mundo real queremos hablar de casos prácticos. Yo quiero que cambies el idioma porque queremos asegurarnos de que estamos creando casos prácticos y no sólo imágenes bonitas para revisar en línea porque queremos tener más de un impacto, más de un efecto cuando hablamos de nuestro trabajo, vamos a ser más profesionales y en realidad aterrizar esos proyectos más grandes. Un caso de estudio creativo, lo voy a parafrasear para ti pero aquí está la definición general de eso. Se trata básicamente de un proceso o registro de investigación sobre el desarrollo y diseño de un proyecto en particular a lo largo de un periodo de tiempo. Todo se trata de tener un proceso y mostrar eso una
manera visual agradable a tu potencial cliente o a alguien que esté viendo tu página. Quiero compartir algunos ejemplos de esto pero es una manera realmente genial de
retratar y mostrar realmente tu trabajo de una manera agradable que es realmente profesional. Siempre tienes que recordar que a los clientes solo les importa ver resultados. Se preocupan por lo que realmente se puede hacer de ellos. Siempre se enfocan en su negocio y ganar dinero y mejorar su propio negocio y marca. Tienes que pensar en sus zapatos. ¿ Cómo podemos hacerlo más relevante para ellos? En lugar de hacernos enfocados, que soy un diseñador genial, soy esto lo que. Intenta enfocarlo alrededor del cliente. Es por eso que necesitamos desarrollar casos prácticos en lugar de este portafolio de este lindas imágenes o lindos logotipos necesitamos mostrar los resultados y mostrarlo de una manera limpia, sucinta que va a ser simple y fácil de digerir para ellos. Estas son algunas preguntas que suelo hacer cuando estoy creando un estudio de caso. ¿ Esto demuestra lo que pueden hacer por mí? ¿ Logró su cliente resultados similares que yo quiero? Estas son preguntas que están en la mente del cliente, del cliente. Imagínalos diciendo esto o haciéndose estas preguntas a sí mismos. El número 3 sería, ¿cómo trabajaron con ellos? El número 4 es, ¿tienes un proceso claro? Cuando aterrizan en tu página web, ven un estudio de caso o su propio Behance o cualquier sitio y ven un bonito estudio de caso, van a estar haciendo estas preguntas, ¿puede ayudarme este diseñador? ¿ Tienen un proceso sencillo? ¿ Puede este diseñador lograr resultados similares? Porque tal vez trabajaste con el negocio de limpieza y tal vez este cliente que está mirando su página web también tiene un negocio de limpieza y ellos quieren ver, ¿qué creaste en realidad? ¿ Cuáles son los entregables? ¿Cuáles son los resultados? ¿ Aumentaste las ventas? ¿Aumentaste la conciencia de la marca? Etc. Estas son algunas preguntas clave que están pasando por su mente, por lo que siempre considera esto cuando estás creando un estudio de caso. Quiero mostrarles mi antigua página web de portafolio que fue hace años, atrás en 2014. Esta es una de mis mayores. Usé Squarespace para esto. Squarespace es un sitio web basado en plantillas cool, similar a las otras que mencioné. Se puede ver aquí fue bastante básico. Tenía algún proyecto estudiantil ahí dentro, los maquetas que asombrosos. Fue realmente sencillo y solo traté de compartir mi trabajo solo para conseguir algunos gigs freelance. Sí me ayudó a conseguir algunos trabajos anteriores y conseguir algún libro de rellenos pero ese era mi viejo portafolio. Aquí te dejamos algunas fotos antiguas de mi CV y mi portafolio de PDF. Tengo algunas otras tomas pero así es como se veía. Cuando envío mi PDF a través de un correo electrónico a una agencia o a un cliente, por lo general es en un PDF con algunas páginas y mi CV o currículum y eso fue lo que parecía, lo mantuvo realmente sencillo. Usé una plantilla que me bajé de Creative Market, simplemente realmente basado en topografía. Obviamente, recomiendo tener estas barras. Ya no tengo eso pero esta es solo una vieja que solía mandar cuando
solía postularme para trabajos y freelancing y cosas por el estilo. Te animo, todos
empezamos en alguna parte. No fue el mejor trabajo, no
fue el mejor pero crecí y aprendí y evolucioné. Las lecciones que sí aprendí fue que mi imagen de portada es realmente fea. Los maquetas no eran profesionales. No parecían 10 mil dólares. el trazado y la tipografía. No fue realmente profesional y a la altura del estándar que nos gusta. Otro fue algún trabajo, parece trabajo estudiantil. El trabajo, está bien mostrar el trabajo estudiantil si estás empezando pero para mí en ese momento quería tener una barra de estándares en él. Es solo que mi trabajo estudiantil no era realmente tan grande en el
momento en que estaba solicitando trabajos aunque no hay un contexto adecuado ni el formato de estudio de caso. Al igual que muchas veces solo estaba mostrando imágenes con un poco de textos. No era como dividirlo ni nada en un caso de estudio. Otra lección fue, no se ve excitante ni altamente profesional. Algunas de estas cosas son subjetivas pero en mi opinión, sabía que podía hacerlo mejor. Tenía más potencial. Entonces, por último, imágenes y proyectos
inconsistentes. Se puede ver algunas de las imágenes son bastante locas, todo
es diferente, algunas miran fotografía, algunas parecen una revista, editorial. Es como ¿qué hago realmente? ¿ Hago branding? ¿Hago logotipos? Estaba mezclado y lo mismo es aquí acabo de revisar imágenes, maquetas, y cosas pero no era cohesivo. Aquí tienes un ejemplo de estudio de caso de un cliente con el que trabajé en 2020. Se puede ver esto es de Macquarie Business School y obviamente no está dispuesto así lado en Behance o en mi página web pero se puede ver que fue consistente, fue poderoso, fue solo en general, luce profesional, luce limpio, luce bien, y logró lo breve y también mi sitio web, por ejemplo, aquí abajo se puede ver que desglose los resultados, el papel, etc. Se
puede ver el testimonio que obtuve del cliente. Dijo que los carteles, pancartas de EDM y archivos de
registro son todos perfectos. Gracias por el gran trabajo. Trabajar con ustedes es como una brisa y encomiamos su profesionalismo y flexibilidad. Esa fue una gran confirmación y estoy muy agradecida por eso. En el siguiente módulo, les voy a mostrar cómo estructurar el estudio de caso pero ojalá esto les dé un poco de perspicacia y ejemplo. ¿ Cuáles son las comidas para llevar de esto? Muestra más del contexto del proyecto. Muestra mejores maquetas y presentación de alta calidad en comparación con mi viejo portafolio. Se ve profesional. Destaca con cerca de los iconos. El post es todo solo se ve realmente genial y relevante, más detalles y mostrando todos los entregables, también. El estudio de caso tiene descripciones más profundas y se presenta muy bien, por lo que puedes diseñarlo. Puedes agregarle más elementos de diseño y estructura ser mejor. También hay consistencia con un sentimiento general y vibra y personalidad a la misma. Siento que esta es una mejor manera de hacerlo. Separe portafolio de cuerdas, revisando pequeñas imágenes de pareja, intenta crear un estudio de caso
que sea más en profundidad, que tenga más peso, eso va a tener más detalles y va a ser mucho mejor para ti a la larga.
5. Dónde consigo la inspiración: Ahora quiero mostrarles algunos ejemplos de dónde obtengo mi inspiración de estudio de
caso cuando estoy poniendo mi portafolio. Aquí hay algunos sitios que realmente me inspira. número 1 es Pentagrama y sé que esta es una agencia grande y podrías asustarte. Yo estaba como, “no puedo hacer esa calidad de trabajo”. Está bien si estás empezando o empezando todavía puedes conseguir algunas ideas. De lo que voy a hacer, usualmente venía y miraba algunos de estos proyectos. Por ejemplo, si quiero dar click en League of Legends, que es agradable y ver Ver ellos crearon su obra y ver cómo hablan de su trabajo. Miro las imágenes, cómo crearon ese hermoso logotipo como podemos ver aquí. Agregan como testimonios, agregan algún texto ahí dentro. Realmente me encanta cómo agregan estos pedacitos ahí dentro. Se pueden ver algunas imágenes más. Algunos que debieron haber hecho una publicidad de campaña de marca. Ahí se pueden ver maquetas, eso es realmente genial, también, hermoso. Por lo general, sólo conseguiría algunas ideas como, ¿cómo usaron las maquetas? ¿ Cómo están creando estas cosas? Obviamente, en Photoshop están usando las plataformas básicas que todos usamos. Ese es un gran ejemplo. A ver si aquí podemos encontrar otro ejemplo. Demos click en, Canvas, plataforma de reclutamiento SAAS. Utilizan animación, usan muchas cosas divertidas. Recuerda, podemos mantenerlo simple, maquetas
bonitas, mantenerlo realmente marcado, eso es realmente genial. Pensé que lo hacían. Desplazarse por. Hace poco para conseguir algunas ideas y a veces voy a hacer clic derecho y en realidad guardar como y guardar la imagen o pantalla imprimirla. Quiero decir imprimirla pantalla, captura de pantalla y luego chuck en la foto para más adelante, tal vez quiera crear algo así. Historias ahí para Instagram. Sitio web responsive, hermoso. El diseño de los iconos del sistema, increíble. Este es un sitio que me encanta seguir. El trabajo es justamente de tan alta calidad. El segundo es Somos COLLINS, otro gran estudio. Pero podemos aprender tanto porque sacan tan gran calidad. Se puede ver a Spotify, Twitch, todo un montón de cosas. De verdad me encanta el de Twitch, es uno bueno. Creo que este llamado Crane realmente ganó algunos premios. Si nos desplazamos por aquí, se pueden
ver algunos estacionarios. Creo que esto fue para una imprenta, también. Simplemente maquetas encantadoras. La presentación es simplemente realmente buena. A veces es una fotografía, a veces es una maqueta pero realmente me encanta cómo ponen las cosas. El imaginario es muy fuerte. No agregan demasiados textos a los suyos. Obviamente, si tan solo vuelvo y hago clic ves el pequeño botón más, Información del Proyecto. Muestra al equipo involucrado, muestra todo un montón de textos
lo cual es un montón de textos pero se esconden en caso de que la gente realmente no quiera leerlo. Aquí hay otra buena y que me encanta mirar. El siguiente es Behance. Para Behance, lo que suelo hacer es escribir la identidad de
marca en la barra de búsqueda. Presiono, “Enter”. Entonces por lo general lo que surge es un montón de identidades de marca diferentes. Todo un montón aquí. Como podemos ver, hay tantas cosas geniales,
tantas cosas geniales quiero decir. Por ejemplo, solo echemos un vistazo a este, Tutch. Descomponiendo descripción del proyecto, viendo los carteles en los diseños, logo. No estoy seguro de qué tipo de marca es esta pero sólo mirando las imágenes, mirando cómo crearon la campaña y todo así. Eso es realmente genial. One Tutch, interesante. Bueno, esa es una bonita. ¿Qué más? Este es de 50K. Cafetería y Restaurante La Mensa. Parece que está en árabe. Simplemente estoy pasando por el proceso no para
envidiarlos o para intentar copiarlos sino para ver qué cosas puedo aprender, ¿qué puedo adaptar a mi proceso? ¿ Cómo puedo hacer que mis imágenes se vean tan bien? ¿ Puedo conseguir maquetas similares en alguna parte? ¿ Puedo crear de alta calidad así? Esas son las preguntas que deberías estar haciéndote. Entonces, por último, abduzeedo.com es otro gran. Lo que me gustaría hacer es, en la parte superior click en Colecciones. Quieres dar click en Branding y te deben mostrar todo el tipo de cosas de identidad de marca. Uno aquí, villa 953. Si te desplazas hacia abajo, tienes un montón de diferentes,
incluso éste se ve realmente genial, Minimalist Branding for Twig Learning Center te da un desglose de proyectos al principio, es simple y limpio. Te da el objetivo del público objetivo y se rompe en el proyecto. Realmente bonitas maquetas aquí, dejando aquí el diseño, tantos pequeños detalles y técnicas de impresión. Si eres diseñador digital y no estás haciendo cosas de impresión eso está bien, eso está totalmente bien pero podemos usar esto a nuestra ventaja. Sólo me estoy desplazando por aquí. Creo que eso es realmente bonito. Puedes hacer click en Instagram a lo que esto me llevaría. Me llevó al estudio, eso es una locura. Entonces lo que me gusta hacer es intentar encontrar sus sitios web. Lo mismo con las manos b, también. A mí me gustaría ir a encontrar al creador. Diga, por ejemplo, vamos. Intentemos encontrar otro. Universidad Nacional Australiana, eso es bastante guay. Entonces voy a la cima, miro a múltiples dueños. Aquí hay múltiples personas y básicamente
voy a hacer clic derecho e ir a sus páginas y luego hacer clic en su página web. Si hace clic en su página web en el lado izquierdo del intérprete, haga clic en el sitio web. Típicamente así es como encuentro su trabajo. Empiezo a mirar los estudios de caso y así es como consigo algo de inspiración si quisiera el trabajo de alguien. Vas a hacer un poco de acecho positivo por el bien de la inspiración, Instagram y todo un montón de cosas diferentes. Mira, acabo de encontrar un montón de identidades geniales de esta empresa. Es un poco lento en la carga pero cosas hermosas.
6. Cómo estructurar los estudios de casos: Hablemos de cómo estructurar un estudio de caso. Te quiero dar mi desglose y mi fórmula sobre cómo lo estructuro. Entonces cuando estás creando caso de estudio para tu sitio web o tu blog, que va a destacar y luego va a tener sentido y ser muy claro. Las primeras partes clave de la estructura de un estudio de caso es la introducción. Se desea tener una descripción del proyecto de diseño. ¿ De qué se trata el negocio? ¿ Cuál es la descripción general? El número 2 es la solución. ¿ Cuál fue tu solución o concepto de diseño final? ¿ Cuáles fueron el motivo o patrón específico? ¿ Creaste una estrategia? ¿ Te fuiste con la idea específica? ¿ Hubo un estilo estético de diseño específico que desarrollaras o creaste? número 2 es la solución que creaste para el problema. número 3 es el problema por lo que identificar el problema o reto del negocio del cliente. ¿ Fue para generar leads? ¿ Fue porque les faltaba conseguir inscripciones
al e-book o al evento que crearon? ¿ No estaban recibiendo conversiones en su página de aprendizaje? ¿ Cuál fue el problema y cómo cubrió esa solución en general? El número 4 es el beneficio. ¿ Cuál fue un efecto positivo que tuvo en la marca? ¿ Tuvo un efecto positivo tu solución de diseño? ¿ Cuál fue ese beneficio o ese efecto positivo? ¿ Aumentó cierto porcentaje o tuvo una mejor conciencia de marca? ¿ Le dio a usos más claridad en los procesos y cosas que hace su negocio? Esos son algunos ejemplos del beneficio. El número 5 es resultado. ¿ Cuál fue el resultado tangible? ¿ Fueron más descargas, fueron los suscriptores, fue un aumento de ingresos? El resultado es similar a un beneficio, pero el resultado se parece más a base táctica y más a los números y cuantificable cuando se trata de algo como objetivo. El número 6 es el testimonio. ¿ Cuál fue la experiencia del cliente de trabajar contigo? Siempre que intentas obtener un testimonio, intenta pedir su experiencia, ¿cómo disfrutaron del proceso de trabajar contigo? ¿ Logró el proyecto la meta y los resultados? También intenta conseguir uno sólido que no sea subjetivo ni objetivo para el proyecto. Aquí te presentamos los principales puntos de estructura cuando estás creando un estudio de caso. Número 1 es que quieres escribir tus puntos principales primero antes de saltar a un diseño o diseño. Porque quieres tener claro los objetivos, te
va a ayudar a entender y explicar tus ideas con mucha claridad. El segundo es que hace las cosas simples cuando se piensa en proyecto por etapas. Por lo que intro descripción, se tiene la estrategia, el concepto principal diseño. Pasas por los otros activos de diseño o entregables que creaste, luego bajas al fondo del testimonio, y lo último. Escribe primero tus puntos principales antes de saltar en el diseño. Puedes usar Notion, puedes usar una app de toma de notas, lo que sea que utilices para anotar realmente los puntos clave rápidamente. Número 2 es que quieres mantenerlo breve. La gente escanea páginas, gente ya no lee tanto por la tecnología, redes
sociales así que escribe breves párrafos de
3-4 frases para cada sección. Mantenlo corto y rapido. Escribir subtítulos para imágenes y titulares en
negrita y párrafos cortos típicamente hacen el truco muy bien. Número 3 es conocer tu papel en el proyecto y dar crédito a otros integrantes del equipo si hubiera alguno en el proyecto. Por ejemplo, tal vez trabajaste con una agencia y fuiste el diseñador de logotipos, y tal vez trabajaste con un fotógrafo y tal vez un ilustrador. Necesitas asegurarte de que delineas claramente cuál era tu papel. Que yo solo era diseño de logo y tú no hiciste todo el proyecto, así que solo puedes enumerarlo abajo en una lista. Creo ser específico y dar crédito a todos los demás integrantes que estaban en ese proyecto. Quieres asegurarte de que siempre entiendas lo que hiciste específicamente, qué parte jugaste, y ser honesto y veraz. No intentes mentir y haz que suene como si lo hicieras todo cuando no es verdad. número 4 está justo en tu voz interna, sé tú mismo, agrega tu personalidad. No tengas miedo de sólo ser quien eres. Obviamente sé profesional y muestra tu personalidad, pero trata de evitar la jerga de diseñador e imagina al cliente leyéndola. Mantenga las cosas simples en términos simples, pero hable en voz positiva activa para que cuando el cliente lo lea o alguien lo esté leyendo, entonces tiene sentido y está claro. número 5 es, mostrarte un proceso y proporcionar contexto sobre el proyecto de diseño. En realidad puedes mostrar tomas de progreso. No tiene que ser bocetos nada arenosos o incluso UI, bocetos de
UX si te gustan las cosas de la interfaz de usuario. Algunas personas muestran mapas de palabras y todas esas cosas. Puedes mostrar sus cosas, pero intenta que sea un poco más de alta fidelidad. Entonces agrega una bonita taza pequeña si vas a mostrarla así, solo le agrega un poco más poseer. No se limiten a mostrar imágenes texto compartido desglosándose de la solución conceptual. Asegúrate de que estás subtitulado las imágenes y delineando cuáles son. Eso sólo va a ayudar en general cuando estás proporcionando contextos, siendo objetivo. Mostrar todo el proceso desde la estrategia de pensamiento hasta la solución de diseño real. número 6 es elaborar cada estudio de caso de manera única para ajustarse al proyecto y cambiar el diseño. Se puede tener una plantilla. Normalmente uso la misma plantilla donde es solo una bonita imagen de encabezado y luego comienza con la descripción y el rol y
el objetivo y todas esas cosas y luego solo tiene imagen descomponiendo desplazamiento hacia abajo. Es fácil si alguien está en un teléfono
, sólo puede pasar por las páginas. Pero trato de hacer que cada proyecto sea un poco diferente usando diferentes maquetas. Agregar aprendices siempre usan los mismos maquetas, pero trato de hacerlo un poco único de esa manera. En ocasiones eso puede cambiar el diseño como agregar un poco de texto, agregar un poco de sabor y cosas así. Ahora Número 7 es compartir testimonios de clientes al principio o al final. Debido a que la gente escanea, puede que no vayan hasta el final así que tal vez sea bueno ponerlo en la parte superior, pero típicamente al final o en el medio como lo hace el pentagrama, se
puede poner poco testimonial del cliente ahí. Simplemente le agrega un poco de genuinidades. También muestra que fue un proyecto legal. Si no fue un proyecto cliente, fue un proyecto paralelo, no intentes mentir y agregar un falso testimonio, la gente lo olfateará. Pero lo que puedes hacer es pedirle a un diseñador, amigo, o director mayor que mire el proyecto que creaste y diga, puedes dar un poco de testimonio o retroalimentación al respecto o simplemente algo que pueda jalar para agregar ahí en una línea como un mini testimonial. Siempre puedes pedir eso, solo sé genuino con ello. Ahora, comprueba siempre que tienes los elementos correctos en tu caso práctico. Siempre es importante que mantengamos nuestros textos y nuestras imágenes realmente simples, limpias. Después resalta el diseño. El diseño es el punto clave, la estrella clave del estudio de caso. quiere demostrarlo en un buen flujo y un bonito estilo. Sólo recuerda, asegúrate de que todos los elementos estén ahí, todo de lo que hablamos desde la estructura,
mostrando las descripciones , el propósito, el proceso, y esto realmente va a hacerlo mucho más completo y mejor.
7. Hacer maquetas espectaculares: Hablemos de dónde puedes encontrar unas maquetas hermosas, algunas son gratis, algunas están pagadas, pero te voy a dar mis recomendaciones de dónde las puedes conseguir. Los lados superiores son Yellow Images, tienen un montón de maquetas 3D de alta fidelidad con gran alcance, el único problema es que es un poco más caro que otros lados. Tienes LS. Gráficos, tienen ventas a veces y tienen realmente buenos paquetes también. Realmente útil. Envato Elements es lo que actualmente uso, tengo una suscripción a ellos. Tienen maquetas que he usado. Hay un buen tipo o perfil llamado Kavoon, como puedes ver en la captura de pantalla de la derecha de ahí y tienen un montón de realmente bonitos de alta calidad. Autos, mochilas, televisores ,
tecnología, iPhone 12s, etc. Son realmente buenos. Diseño Cortes suele tener paquetes también. Tienen uno cada mes, no uno basado en maquetas pero cuando sí lanzan una maqueta, suelo invertir en eso. Tengo más de 400 gigs por valor de maquetas en mi disco duro. Compré mucho en el pasado, realmente bueno. El señor Mockup es otro bueno. Mockup World y Graphic Burger suelen tener un montón de maquetas gratis. Si eres alguien que está cansado de dinero, definitivamente echa un vistazo. Galones y maquetas gratis. A veces en realidad puedes ir a Behance y escribir Free Mockup y puedes encontrar algunos enlaces en él y te llevará a algún sitio y puedes descargar cosas. Ese es otro consejo rápido. Mockup Cloud es bueno y también Pixeden, un poco más viejo pero tienen bonitos específicos lo cual en realidad es realmente agradable. Aquí te presentamos tres programas o softwares que recomiendo usar para crear y manipular maquetas. El número 1 es Mesa de trabajo. estudio. También venden mockup packs pero sí crearon este estudio de Artboard donde realmente puedes usarlo en el navegador. Es básicamente como photoshop, pero puedes usarlo dentro de tu navegador, realidad es asequible, es realmente bueno de usar y regalan trial creo, lo cual es realmente genial. Yo personalmente uso Adobe Photoshop, que te mostraré en un minuto cómo creo mis maquetas pero Photoshop es excelente, es una buena herramienta, obviamente, puedes comprarla por sí misma o puedes conseguirla en Creative Cloud. Entonces la opción alternativa, que es mucho más barata, es alrededor de $50-70, sin cuota de suscripción es Affinity Photo. Básicamente similar a Photoshop, características
realmente geniales y puedes usar eso para crear maquetas y crear tus imágenes y creo que es una muy buena alternativa a Photoshop. De qué quieres hacer cuando estás pensando en hacer maquetas, aquí te dejamos algunos consejos que te recomiendo. Siempre se quiere pensar en la marca, los colores, la tipografía, los patrones, el lenguaje visual. No te limites a abofetearle el logo a todo. Intenta juntar la marca. ¿ Tienes patrones? ¿Tienes mensajería? ¿ Tienes iconos que puedes usar? ¿ Tienes imágenes de fondo que puedes implementar? Todos los activos que tienes, intenta hacerlo relevante y mantenerlo cohesivo y asegúrate de que todo esté conectado entre sí de alguna forma o moda. Piensa en el diseño y cómo puedes lucir la marca. Piensa en cómo puedes lucir ciertos aspectos. A lo mejor es una tarjeta de visita que tiene un bonito estampado con un material grueso. Intenta encontrar una maqueta así. Si es un banner o una cosa genial de TV, YouTube, intenta encontrar una buena maqueta de computadora, lo que sea. Intenta pensar en el diseño, piensa en el fondo. ¿Se puede agregar colores atrevidos? ¿ Se puede agregar un patrón? ¿Se puede agregar una superposición o un icono? Intenta pensar en el diseño y la composición. ¿ Se pueden agregar cosas para realzar o mejorar en la maqueta real en sí? Todos estos pequeños detalles sí cuentan. Piensa en personalizar el fondo y al agregar textura, me encanta mirar texturas grunge. Puedes usar cosas como cemento, ladrillos, texturas de
pared, hay todo un montón de cosas que puedes usar en el mundo real. Piensa en el mundo real y la naturaleza, y cómo puedes incorporar algunas de esas texturas los fondos para que se sienta más animado, para que se sienta realista. En el mundo real cuando pegas un póster en la pared, suele estar arrugada y se ha quedado atascado en el cemento o lo que sea. Piensa en cómo puedes hacerlo realista. Entonces también intenta imitar efectos de impresión reales. Como dije antes, si estás teniendo un grabado o mancha
UV o un efecto de sello de lámina o lámina de oro, sea lo que sea, un efecto de tipografía, intenta encontrar una maqueta que esté mostrando ese efecto así que cuando le pongas el diseño, que representa el diseño del mundo real que has creado. Esos son mis consejos cuando estás creando estos maquetas. Ahora, hagamos un poco de tiempo de experimento de preguntas. Yo quiero Uno tú lo que se ve mejor? Tenemos cuatro logotipos que he hecho para clientes anteriores aquí, los
últimos años y se puede ver
solo estoy mostrando el logo con el color de fondo. Todavía luce decente y divertido y luce el logo, que es genial pero no está teniendo ese impacto visual. Te voy a mostrar en la siguiente diapositiva cómo podría parecer. Aquí las imágenes de portada que he cambiado en lugar de solo mostrar los logotipos como lo hicimos en este, tenemos maquetas completas en la misma marca. Se puede ver el whisky Estoy mostrando el tema en una costa y luego poniendo algunos elementos de marca a su alrededor. Tienes cabello Bagheri, te estoy mostrando un membrete y el patrón, viendo cómo eso se puede usar tal vez en una tarjeta de agradecimiento o algo así. Entonces tenemos a los otros dos abajo en la parte inferior, se
puede ver una maqueta de tarjeta de visita y luego obviamente como un diseño de póster/maqueta de empaque que realmente solo captura la marca y de qué se trata. He puesto cuatro beneficios, es de alto impacto visual, se ve profesional, es más interesante mirar la composición, y también es audaz y destaca. Siempre digo que el poder de las maquetas es tan beneficioso, es tan poderoso. Saltemos a Photoshop y empecemos a jugar y te mostraré cómo
creé una maqueta para uno de estos clientes que hice. Te voy a mostrar unas maquetas de un diseño
que hice para un negocio local, una de mis amigas de la iglesia, fue una startup muy pequeña, solo una o dos personas y hacen una empresa de reclutamiento para servicios tipo discapacidad y empresa. Se puede ver aquí conseguimos una bonita tarjeta de presentación maqueta, aquí estaba otra versión que hice, un par de conceptos diferentes y luego también cómo creé. Esto casi muy sencillo, solo mostrando el interior del folleto de servicios. Creando este folleto que se puede utilizar para digital e impresión, y eso es lo que diseñé, realmente es solo para mostrar de qué se trata su negocio. Es como una lista de servicios de capacidad. Entonces aquí estuvo un par de más detallados mostrando la portada, el interior, agregando algunos pequeños elementos como pequeño teléfono y auriculares solo para que se sienta más premium y se sienta más casual. Creé estas maquetas todas en Photoshop, así que si salto ahora a Photoshop, puedes ver esto son los huesos desnudos de lo que tengo. Normalmente lo que tiende a pasar es que podrías ir a comprar una maqueta y puedes ver si voy a Adobe Bridge, así que por ejemplo voy a ir a la editorial de Mockup Cloud. Porque tengo muchas maquetas, típicamente uso bridge, y se pueden ver todas estas maquetas diferentes que tengo. Algunos de ellos tienen pre-escenas y típicamente, usaría una de estas escenas para luego empezar a aplicarla. Pero típicamente me gusta personalizarlo también. Como puedes ver aquí algunas maquetas aquí. Si vuelvo, ahí está el de branding también. Este es realmente bueno. Estos vienen antes de las escenas prefabricadas aquí. Pero entonces también podemos construir las mías. Como puedes ver, si presiono barra espaciadora, puedes ver algunas de estas. Puedo usar elementos separados y crear uno propio, si me gusta. Se puede ver que hice doble clic. Típicamente para así, lo que voy a hacer es localizar a la que quiero. Por ejemplo, tal vez este papel enrollado y luego lo arrastro y lo dejo caer en mi escena así. Ya puedes ver ahora puedo editar eso. Solo quiero asegurarme de que presiono “Control T” en la carpeta. El lado derecho, se pueden ver mis capas. Se creó una carpeta aquí como se puede ver. Quiero asegurarme de que estoy moviendo la carpeta y no sólo la sombra por sí misma porque puedes ver que está todo separado. Voy a apagar esa. Pero básicamente, creo esta pequeña escena usando algunas de las editoriales o cosas así. Se puede ver que el teléfono y los otros pequeños elementos, realmente no
he diseñado ninguna cosa extra ahí, pero voy a ir a la página abierta. Puedes esta página, voy a abrir la carpeta. Ya ves tenemos dos objetos inteligentes. Cuando ves este pequeño ícono con un poco de papel, eso significa el objeto inteligente, puedes hacer doble clic en él. Ahora, te va a llevar a esta otra página, que es un PSB. Déjenme cerrar esto. Está vinculado a esta maqueta de aquí, y básicamente conecta esta página aquí. Esta es la zona en la que voy a trabajar. Ahora, todo lo que tengo que hacer es ir a donde tenía mi diseño. Simplemente voy a localizar una de las mazos de diapositivas que creé. Déjenme arrastrar en uno de estos. Es solo un JPEG, puede ser un PSD o lo que sea. Obviamente, no es del tamaño adecuado, así que a veces tienes que personalizarlo. Pero sólo por el bien de este video, puedes ver que solo lo voy a pegar y lo voy a escalar. Se puede ver cómo puedo escalar las cosas hacia arriba y hacia abajo. Podría simplemente enviarlo por ahí. Voy a ir a un color sólido. Haz clic en el botón pequeño en la parte inferior, haz clic en “Color sólido”. Entonces lo que voy a hacer es hacer doble clic, y voy a poner mi ratón sobre el azul, seleccionar el fondo, y luego presionar “Control S” para guardarlo. Ahora una vez que hago eso, lo guarda. Ahora si vuelvo al otro archivo arriba, va a guardar eso. Ahora para editar el otro lado, sólo voy a ir y hacer doble clic en el otro reemplazado justo en página como puedes ver. Cada maqueta tiene algo diferente. Hagámoslo y presione “Enter”. Si quieres crear un diseño que se ajuste a la maqueta exacta, típicamente lo que hago es presionar “Alt Control C.” Me va a mostrar el tamaño de la lona. Lo que luego haré es crear un lienzo en Illustrator o donde diseñe los gráficos, del mismo tamaño que éste. Entonces me aseguraré de que todo encaje bien, así que cuando cree la maqueta, las cosas no van a ser cortadas como lo es ahora. Ahora si vuelvo, se
puede ver eso, eso salvó. En cinco minutos, ya estoy creando algunos elementos realmente simples. Ya he diseñado estos elementos de antemano porque estoy diseñando en Illustrator e InDesign. Todos los archivos ya están ahí, acabo de guardarlos como JPEG y dejarlos así. Voy a ir a la otra, para poder apagar y encender. Voy a hacer doble clic en eso. A ver. Ahí voy a cargar la imagen de portada. Como puedes ver, obviamente la maqueta, no
es cabida como debería, pero eso está bien. Voy a presionar “Enter” pulse “Guardar, Control S” para acceso directo. Entonces ahora puedes ver cómo va eso ahí en esa maqueta. Hermosa. También acude al teléfono también. Voy a ir al teléfono, abrir eso, hacer doble clic en esto. Ahora tal vez quiero ir a mi expediente de entrega. Puedo ir al logo. Así y luego solo centralo, para que veas que solo estoy sosteniendo turno. Mantenga pulsado shift y seleccione sus capas, presione “Control T” y le da la herramienta de transformación. Puedo mover las cosas, puedo escalarlo, etc. Sólo
voy a usar mis globos oculares y centrarlo. Voy a cerrar este, presionar “Control S.” y luego boom, tienes esto. puede ver que se está mezclando con el fondo. Ahora bien, esta es una maqueta genial, puedo usar esto como imagen en color. Podría tener que recortarlo y bajarlo a 1920 por 1080, probablemente
sería un buen tamaño. A ver. El lienzo y luego tendría que escalar todo hacia abajo. Tendría que seleccionar todo y luego escalarlo todo para que se ajuste a ese tamaño así. Es mejor para online desde un sitio web, se va a cargar mucho más rápido. También puedes echar un vistazo al pequeño PNG también para comprimir imágenes. A lo mejor quiero agregar algo de textura. Diga por ejemplo, voy a ir a Mis Recursos. Iré a las texturas. A lo mejor te gustaría una textura de ladrillo de pared. Tenemos algunas de esas texturas de pared. Déjame ver qué tenemos aquí. Y si quisieras agregar tal vez una textura de mármol o algo así, hazlo sentir premium. Voy a escalarlo así, traerlo a la espalda. Entonces voy a cambiar el modo de fusión ahora para poder ir multiplicando. Puedo ir tal vez superposición también funciona. Solo quieres desplazarte hacia abajo a los modos de flexión y ver qué funciona. Por lo general, multiplicar es bueno y luego lo dejo caer a tal vez 30 por ciento. Puedo escalarlo un poco hacia abajo. Ahora, tenemos esta textura de mármol. Se siente como premium, todo
es como una pared de mármol o algo así. Es así como le agregas un poco de textura. Entonces lo que voy a hacer, básicamente voy al Archivo. Puedes ir Exportar, normalmente exportaré como PNG rápido, o Guardar para Web y quieres guardarlo como JPEG de alta resolución. Por lo general, la calidad 90 está bien, siempre
estoy manteniendo el tamaño bajo. Se pueden ver 800 kilobytes lo cual está bien. Se puede bajar esto para hacerla más pequeña. Pero en general, diría eso y luego básicamente estoy terminado y puedo decidir usar eso. Voy a guardar en decir que a carpeta Descargas. Entonces puedes ver esa maqueta. Así es básicamente como voy a crear una maqueta para una marca en la que he trabajado antes para actualizarla a mi estudio de caso en la página web del portafolio.
8. Cómo crear imágenes atractivas: Vamos a sumergirnos en la creación de atractivas imágenes de portada. Cuando pienso en el atractivo, pienso en tres cosas clave y quiero hablar de las de este video. Las tres cosas clave son: la cohesión, el factor wow, y la calidad sobre la cantidad. Hablemos un poco de ellos. Cohesividad se trata de dejar que tu estilo brille a primera vista. Cuando alguien aterriza en tu página, en tu sitio web, suele contar dentro de los 10-20 segundos de tu vibra, de tu personalidad, de qué estilo creas, si eres un diseñador de logotipos, un diseñador de marca, o tal vez estás en un nicho específico para como restaurantes o esports. Deberían poder decir eso realmente con sencillez. Las imágenes deben ser muy similares en cuanto a los maquetas y la forma en que se siente. La cuadrícula y las imágenes en color deben tener un aspecto similar y consistente. Si vas a ir por un look vibrante, asegúrate de que si haces mostrando logotipos y es, por ejemplo, un color plano y solo un logotipo en la parte superior, asegúrate de intentar mantener esa consistencia a través. Si estás usando una maqueta específica como empaque, entonces intenta mantener una maqueta de empaque para cada estudio de caso diferente que tengas en tu cartera. Simplemente quieres asegurarte de que das esa sensación de que eres especialista cuando lo ven al principio. Entonces si quieren sumergirse más profundamente, pueden hacer clic en la página para profundizar en cada caso de estudio. El segundo clave es el factor wow. ¿ Tienes ese factor X? ¿ Es wow, se siente como un millón de dólares, se siente premium, se siente bien, se siente como que pueden confiar en ti con su marca? Tiene que lucir premium. Siempre le digo a la gente, cuando estoy mirando carteras, soy como, ¿se siente como $5,000, $10,000. Si esos son los precios del proyecto que quieres y los clientes que pagan más alto, entonces tu trabajo debería reflejar eso, ¿sabes a qué me refiero? No importa si es un proyecto falso o un proyecto paralelo o un cliente real, solo
necesita hablar por sí mismo. El trabajo debe sentirse bien, alta calidad hasta el punto en que va a hacer que la gente quiera enviarte un correo electrónico, querer hablar contigo, y ponerse en contacto y ver tus precios o lo que sea. Quieres asegurarte de que los visuales se vean increíbles, que sean estéticos, que solo sean poderosos, que sean inmaculados y detallados. Cuando lo miran, es como tan visualmente atractivo y simplemente wow. Cuando miro el portafolio, a veces me da esa sensación que soy como, hombre, esto es tan impresionante. Cuando miro a estas grandes agencias como Pentagram y somos Collins es simplemente realmente, realmente genial. Agrega tanto detalle como puedas porque recuerda, siempre
hay un potencial para tener un cliente mirando tu portafolio, asegúrate de que se vea lo mejor que pueda. Por último, la calidad sobre la cantidad. Es mejor mostrar tres piezas de perfil sólido que 15 asquerosas. Simplemente muestra tu mejor trabajo, muestra tus mejores tres casos prácticos. En lugar de que tengamos todo un montón de imágenes de portafolio de tan solo pequeños logotipos o pequeños volantes o lo que sea, intenta elaborar tres en profundidad que entren en detalle y tengan montones de maquetas y tengan una campaña y muchos activos de marca. Es mucho mejor porque demuestra que tienes más profundidad en tu habilidad y en tu habilidad. Se quiere construir cada proyecto hasta el punto en que sea lo suficientemente sólido y denso. Siempre puedes volver después de que termine un proyecto de cliente para agregar maquetas
extra y construirlo más para que parezca incluso mejor de lo que era originalmente. Sé que alguien hizo la pregunta, uno de los alumnos de la escuela comparten hizo esto, yo siempre vuelvo después de terminar un proyecto, se lo
entrego a un cliente. Lo que me gustaría hacer es simplemente volver atrás y conseguir unos maquetas frescas y en realidad tratar de rebobinarlo y hacer que se vea mejor, agregar algunos maquetas más al caso de estudio y luego actualizarlo en mi página web o actualizarlo en mi Behance, etc. Porque yo solo sé que el próximo cliente que viene, quieres asegurarte de que el proyecto se vea tan grande como puede ser y no está siendo falso, es solo que quieres poner esfuerzo, quieres lucir mejor y lucir más grande y siempre mejorarte a ti mismo. Esa es la mentalidad que quieres tener. Es realmente genial. Siempre puedes volver atrás y actualizar tus proyectos, añadir algunos maquetas más, está totalmente bien. Te voy a mostrar todo un montón de diseñadores y estudiosos que me inspiran, que siento que tienen realmente grandes imágenes de portada, atractivas foliares y casos prácticos. Empecemos con Rob Clarke. Es un diseño de logotipo con letras a mano. En realidad no muestra estudios de caso. Es más un asistente especialista en diseño de logotipos. Simplemente muestra sus grandes logotipos para estas grandes marcas. Su nicho específico es un estilo con letras a mano o un logotipo basado en tipografía se burla, el tipo se burla básicamente. Aquí puedes ver esta es su página de inicio. Podrás revisarlo en la página web. Es otro lado de 10 ahí. Pero sus logotipos, todos en blanco y negro, consistentes. Se ven hermosos y los logotipos simplemente brillan por aquí en su página web, creo que es realmente genial. El siguiente es Jordan Wilson. Es un tipo de empaque de identidad de marca. También hace fotografía y hace un montón de otras cosas, pero realmente se centra en más del tipo de empresas cerveceras,
dicen la industria de alimentos y bebidas. Se pueden ver algunas de sus maquetas aquí muchas de las veces que se puede ver que está mostrando una lata o una botella. Si vas a su página web, puedes comprobarlo. Pero realmente me encantó ese estilo. Es consistente, se ve premium, se siente realmente bien. Otro ejemplo es de identidad de marca socio design que son del Reino Unido. Me encanta esa sensación mínima, solo
se siente realmente premium. Se pueden ver todas las imágenes principales él, obviamente tienen más proyectos, pero se siente como si estuvieran usando mucho estacionario para sus maquetas principales. Se puede ver que están mostrando técnicas de impresión. Están mostrando gofrado o las láminas de oro. Están mostrando las tarjetas de visita, lo que sea. Es consistente tan pronto como saltas en el sitio web,
se siente mínimo, se siente premium, se siente de alta gama. Creo que me gusta eso de su página web y sus casos prácticos. Uno de mis amigos, Rocky Roark, azul Blue Cyclops Design Co. Está enfocado en la ilustración principalmente y la identidad de marca. Se pueden ver sus imágenes, utiliza muchos diseños audaces, colores atrevidos, sobre todo en sus logotipos hace muchas pequeñas insignias y realmente genial con tipografía e ilustración. Me encanta cómo descompone sus estudios de caso. De verdad te recomiendo que revises el Salto Daisy one. De verdad descompone su proceso. Muestra bocetos y esas cosas. Me encanta cómo expone sus estudios de caso, es simplemente súper impresionante. Gif Studios es otro, son de Portugal. Aquí puedes ver algunos de los productos que han hecho. Muchas veces trabajan con personas que son expertos como creadores de contenido y autores y ponentes. Aquí se puede ver el Bob Heilig y Million Dollar Coach, diseños de logotipos
muy similares. Se pueden ver algunas otras marcas diferentes en las que trabajan. Pero siento que la imagen aquí se ve bien, se ve bien. Agregando la fotografía ahí, agregando tomas de producto. Su vibra se siente realmente premium también, es realmente agradable. Pentagrama como lo demostramos en un video anterior, realmente impresionante identidad de marca. Sólido, sencillo, limpio, mucho espacio en blanco. Simplemente están destacando el trabajo. Se puede ver en algún momento usan muchos maquetas, a veces sólo muestran el simulacro. Se pueden ver estos dos logotipos aquí abajo está mostrando los logotipos y luego los otros están mostrando maquetas o mostrando una foto. Porque Pentagram es todo un montón de diseñadores diferentes alrededor del mundo, va a tener una imagen o portada diferente, pero se puede ver que es muy profesional y me gusta cómo agregan el texty. Tienen el número del proyecto o lo que sea, super cool. Carpintero Colectivo, se enfocan en la identidad de marca. Ahora, se centra en, una vez más en los envases de alimentos y bebidas. Se pueden ver muchos restaurantes. Como se puede ver, un poco de pasta aquí, alguna tienda de pollos. Esto es para una cervecería. Esto es para una empresa de timón de tortilla. Mucha ilustración, montones de lindos logotipos. Hacen un gran trabajo, trabajo aplastante. Simplemente me encanta la forma en que se presentan y realmente están mostrando mucho empaque aquí. Estos son todos embalajes y luego algunas pegatinas de vinilo. Pero una vez que entras al proyecto te muestran algunas cosas bonitas. Siguiente arriba es la diseñadora de identidad de marca Jessica Strelioff. Me encantó mucho su proyecto kinside. Pensé que eso estaba realmente aseado. Pero ella tiene estas divertidas sensaciones caprichosas en un proyecto, pero también solo juguetón, sobre todo con los logotipos. Obtienes el ícono aquí, algún texto divertido, esta imagen es de colores negritos. Este también es de colores atrevidos. Entonces estos de aquí son más mínimos que debería. Pero me gusta cómo se presenta, solo se siente limpio. Después ve cómo expone el texto a continuación, te
dice el papel y también el título. Eso es realmente buen ejemplo. Por último está Steve Wolf Design, stevewolf.co, branding y diseñadores. Me encanta la forma en que presenta logotipos de combinación muy limpios, mínimos, bonitos y burlas. Después algunas de las maquetas, como se puede ver aquí, muestran carteles, algunas maquetas realmente bonitas, hasta empaques aquí. Se siente consistente como todos los diseños simplemente se sienten realmente planos y agradables. Siento que este es otro buen ejemplo. Estos son algunos ejemplos de algún estudio realmente grandioso, algunos diseñadores que sigo. Creo que hacen un gran trabajo al crear imágenes de portada increíbles, maquetas
increíbles, y presentarlas bien en su página web. Puedes echar un vistazo a otros sitios web si quieres, y obtener algo de inspiración.
9. Resumen creativo: Yo quiero hablar del breve creativo. Es así como me acerco pero recuerda, puedes cambiar las cosas, puedes agregar cosas, puedes hacerlo a la medida de tu proceso. No tomes lo mío como la única forma de hacerlo pero solo te voy a ayudar a crear un breve, ya sea para un cliente o para ti mismo. Si quieres hacer un breve simple de una página, típicamente así es como lo hago. Tengo un ejemplo en el lado derecho. Cuando estoy escribiendo un breve para mí o para mis alumnos en Mirror Academy, típicamente
así es como lo escribo. Lo mantengo breve y al grano con un objetivo claro. Hablo del público, el objetivo principal de la marca, también agregamos el nombre de la marca y luego los parámetros o consideraciones creativas. Estos son realmente geniales para proyectos secundarios o breves de desafío falsos. También se quiere mencionar elementos de la marca o de la personalidad; así atributos de marca, el factor USP
o X, o la propuesta de valor, también los entregables que estarás creando para el proyecto. Entonces tal vez un poco de la línea de tiempo y luego en la parte inferior añado un hito o especificaciones de entrega. Por lo general hitos, saco eso. Si es solo por un proyecto falso para mí y me gustaría inspiración, agregar imágenes pero en general, quieres mantenerlo sencillo y resumir las partes. Me encanta el concepto de un breve de una página. Simplemente hace que las cosas sean fáciles y simplificadas. Quiero mostrarles algunos sitios breves de diseño. Si eres un diseñador que lucha por escribir tus propios calzoncillos, lo que en realidad puedes hacer es ir a estos cuatro lados. El número 1 es briefbox.me. El segundo es FakeClients.com, briefz.biz, y sharpen.design. Ahora cada uno de estos tiene calzoncillos gratis pero también tienen una opción a precio. Creo que briefz.biz y sharpen.design son completamente gratis, pero los dos primeros sí tienen una opción de precio si quieres más calzoncillos de diseño. Estos son mis mejores sitios para conseguir esos escritos así que empieza a practicar tus habilidades de diseño y construcción de tu portafolio. Ahora, ¿cuáles son las cosas clave que podemos agregar para que el
breve sea más detallado y más adaptado? Las primeras cosas que debes agregar son la fecha, el nombre del
proyecto, la persona de contacto, y el correo electrónico del cliente. Eso es bastante sencillo; eso siempre está ahí. Entonces tienes el nombre de la marca. Siempre piensa en ¿hay un concepto detrás del nombre? ¿Qué significa? Si también estás haciendo nombres para la marca, entonces tienes que organizar todo eso pero la mayoría de las veces el cliente te dará un nombre. ¿ Cuál es el principal problema de negocios? ¿ Cuál es el problema que estás enfrentando y estás tratando de abordar y tratar de resolver? También quieres hablar de los valores de marca, la misión, y de la visión, entonces donde se ven a sí mismos en 5-10 años, ¿cuál es su objetivo final y cuáles son los valles donde representan? Entonces quieres abordar los “¿cuáles son los servicios y productos empresariales”? Enumerarlos porque esto te va a ayudar a diseñar el proceso, sobre todo si estás diseñando una identidad de marca en un sitio web, debes asegurarte de que sabes lo que realmente ofrecen como negocio. También necesitas conocer la USP, la única proposición o punto de venta y cuál es la diferencia sobre los competidores; Por qué son tan diferentes. ¿ Qué están ofreciendo que sea mejor que lo que hay en el mercado? Entonces posicionamiento en el mercado. ¿Cómo quieren verse? Boutique premium, barata, orgánica. ¿ Dónde quieren sentarse en el mercado? ¿ Quieren sentarse en el medio o en el extremo lejano? Tienes que hablar de esas cosas. A continuación se presenta la personalidad de marca adecuada. Queremos desarrollar algunas palabras clave. Ahí hay una lista que puedes agregar para tener
del lado de solo palabras diferentes para encender imágenes en la mente. Piensa en la personalidad en cuanto a cómo se siente la marca. Entonces el tono de voz es cómo habla la marca, cómo actúa la marca. ¿ Es gracioso, formal, respetuoso, profesional? ¿ Es coopera, juguetón? tono de voz es importante. ¿Quiénes son los competidores? Enumere abajo a algunos de los principales competidores que tienen. No tienes que hacer una lista de 50, pero cinco está bien para hacer el trabajo. Hablar también de los usuarios objetivo y las acciones que quieren tomar; así demográficos, psicográficos. ¿ Qué queremos que piensen, sientan y hagan los consumidores? ¿ Cuál es la acción que queremos que el cliente
lleve a cabo cuando interactúe con la marca o el sitio web? Entonces a continuación de lo que quieres hablar es de unos objetivos de proyecto. ¿ Qué quieres lograr en esta identidad o en esta campaña? ¿ Cuál es el objetivo de este proyecto específico? ¿ Estamos tratando de generar más leads a la página web, estamos tratando de aumentar las ventas en un 50 por ciento? ¿ Estamos tratando de traer conciencia de marca a esta campaña que estamos desarrollando o estamos tratando de educar o entretener? Estos son algunos ejemplos de un objetivo de proyecto. Ahora, por último, se puede hablar de la historia de la marca. ¿ Tiene la marca algún premio, honores, eventos o galardones pasados? Esas cosas son realmente buenas. Las referencias visuales también son geniales. Si pueden enumerar tres o cinco marcas que aman, identidades de
marca o sitios web de banda, qué es exactamente lo que les gusta de ellas. Esto puede ayudarte en tu fase de diseño cuando estás creando la marca o incluso la fase de moodboard. Entonces diseña la estética. También podrían ser personalidad. Elige algunas palabras clave y adjetivos en cosas modernas, lúdicas, rústicas ,
futuristas, nerviosas, así. Cuando usas un montón de palabras diferentes, puedes empezar a conseguir fotos pero puedes hacer tu propia lista y te va a ayudar. Directrices de marca también. ¿Hay algún activo de marca o jardines que necesitemos utilizar? A lo mejor estás trabajando con una agencia o una marca que ya tiene un logotipo en colores. A lo mejor necesitas obtener los lineamientos para que diseñes en línea con eso. A continuación se encuentra la creación de parámetros o requisitos. Estas son cosas que es imprescindible. A lo mejor es un color de marca o patrimonio por ejemplo. A lo mejor es McDonald's o algo así y hay que usar el amarillo para los arcos de la M. Eso es una cosa. Entonces, por último entregable. ¿ Qué estás proporcionando realmente para el cliente? ¿Es una estrategia? ¿ Se trata de tres conceptos de un logotipo? ¿ Es un diseño de volante? ¿ Un folleto? ¿Algunas tarjetas de visita? Enumere los entregables que necesita. Cuando incorpores todas estas cosas tendrás un breve detallado que podrás usar para compartir con tu equipo o compartir contigo mismo para un proyecto de cliente real o incluso un proyecto paralelo para ti mismo. Te va a dar la mayor información que necesites para abordar el proyecto.
10. Hagamos un estudio de casos de Behance: Voy a crear un caso de estudio en Behance. Voy a usar un proyecto personal que estaba usando para un video de YouTube que hice hace un par de semanas. Se trata de una identidad de marca para una marca de ropa. Quiero usar eso para crear un proyecto en Behance. En primer lugar, antes de hacer eso, quiero compartir con ustedes todas las especificaciones de dimensionamiento que necesitan al crear un portafolio con Behance. Behance es genial. Es gratis, es fácil de usar y subir tus imágenes. Para el tamaño de la cartera, tienes un ancho de 1,400 píxeles y luego básicamente la altura es infinita. Puedes seguir bajando, así que es fácil desplazarse y te mostraré cómo crear eso en Illustrator. A pesar de que el tamaño de la miniatura del proyecto es un poco más pequeño, son 808 píxeles por 632 y esa es la miniatura que ves en tu página de perfil cuando alguien se desplaza en la página principal o cuando hace clic en ella en tu proyecto, que es la pequeña imagen ahí. Entonces solo quiero mencionar algunas cosas del tipo de archivo; por lo que los JPEG de alta resolución es el camino a seguir o los PNG transparentes funcionan mejor. Esto es para la mejor calidad a la hora de subir a Behance. Entonces los GIF para contenido no funcionan para las portadas. Puedes usarlo para contenido y pequeñas animaciones y cosas, pero para tus imágenes de portada, no funciona. Asegúrate de que la imagen de portada sea una maqueta bonita. Entonces, por último, para comprimir las imágenes, si es un poco lento o un poco grueso, entonces quieres comprimirlas a un tamaño de archivo más pequeño, así que tinypng.com es el camino a seguir y ese es el mejor en mi opinión. Vamos a saltar a Illustrator y te voy a mostrar cómo usar Behance. Estoy en Illustrator y este es el expediente que tenía. Lo limpié un poco, pero puedes ver aquí en mi tablero de arte, y puedes crear esto en Photoshop si te gusta o lo que sea plataforma, Figma, cualquier aplicación que uses, pero normalmente uso Illustrator y Photoshop. Para esto, típicamente uso Illustrator para construir mis imágenes. Voy a presionar “Shift O”, seleccionar la mesa de trabajo, y se puede ver el dimensionamiento, éste es para la imagen de portada, lo que 800 por 632 y luego este es el proyecto, los mil 400 por 4,000 de altura, se puede ver aquí. Con Behance, puedes subir imágenes separadas o puedes subir una larga imagen grande y siento que eso es mejor para mí, personalmente. Si tu computadora está rezagada, podría ser mejor solo hacer imágenes separadas y trabajar en ella por separado. En primer lugar, empecemos a hacer la imagen de portada. Simplemente voy a empezar a usar sólo los elementos que ya teníamos. Ya hice el proyecto, pero ahora solo estoy agarrando algunos de los elementos que he construido. Podría agarrar algunos de estos, estoy sosteniendo “Alt” para duplicar. Yo lo voy a llevar al frente aquí, que se ve bien. Como se puede ver ahí. Esto es para una marca urbana. Tengo todos los detalles aquí. Esto va a estar en la cima aquí, pero solo estoy trabajando en lo [inaudible] por ahora. Creo que voy a agarrar esto para el fondo aquí, es un bonito elemento de fondo. Voy a bajar la escala. Voy a traer el fondo así como esto. Creo que eso es bastante guay. Podría subir esto. Realmente estoy cavando eso. Creo que eso es realmente genial. A ver si podemos agregar algo más, tal vez como un mighty.com aquí en la esquina. Así como eso, genial. Ahora vamos a dejar eso ahí, ahora, voy a trabajar en el proyecto principal. Una vez más, me gusta poner una bonita imagen de fondo al igual que el color y para esto uso negro. Voy a agarrar la descripción del proyecto. De acuerdo con lo que hablamos con el caso de estudio, queremos hablar del proyecto. Voy a arrastrar todo este texto y voy a usar este ancho como mi maquetación principal. Puedo poner guías si quiero, tal vez quiero presionar “Control R” y luego arrastrar hacia fuera una guía. Ahora tenemos una pauta, tal vez podamos usar eso. Para el texto y esas cosas, eso está totalmente bien. mejor puedo arrastrar otra aquí si quiero hacer una grilla. Depende de ti, de verdad, de lo que quieras hacer. Mighty Clothing es una etiqueta de ropa urbana que inspira a la juventud a, en el mundo duro en el que vivimos. El usuario, atributos de marca o palabras clave. Estoy guardando estos muy simples para que ustedes puedan crear algo. Puedo decir rol. Rol, diseño de logotipo, solo
puedes decir merch, diseño de perfil de Instagram. Yo no hice la página de aterrizaje, creo que sólo voy a dejar eso fuera. Eso son algunas cosas ahí. Yo también puedo poner la fecha. Vamos solo al 2021 y vamos a duplicar esto. Obviamente, trabajo bastante rápido porque estoy acostumbrado a ello, pero si no lo estás todo está bien. Digamos objetivo; lanza nueva marca y consigue 50 ventas dentro de la primera semana del lanzamiento. Yo sólo estoy inventando esto. Es un proyecto de sitio y algunos de ustedes son principiantes, puede
que no tengan proyectos así que espero que esto les dé una idea de cómo crear un proyecto de sitio. Lo que podemos hacer aquí es empezar a agregar algunos elementos de algunas de las tomas de Instagram que hicimos aquí, cual creo que es realmente genial. Hice, por ejemplo, una maqueta, puedo meter eso en ella, también para asegurarme de que encaja bien. Puedo tratar de fusionar, en Photoshop sería más fácil enmascarar cosas y fusionar, pero en Illustrator funciona igual de bien. Vamos a rastrear estas cosas. Podemos usar los colores aquí. Entonces tal vez quiero mostrarlo de una manera interesante, como una forma o algo así. Podemos solapar cosas, puedes solapar artículos y esas cosas. Entonces lo que puedo hacer es, porque estoy mostrando el RGB. Esto puede llevar algún tiempo. Estoy tratando de hacerlo lo más rápido posible y luego lo
vamos a subir muy rápido. Sólo estoy usando las fuentes, todo lo que elegimos. Ejemplo, ese es el código hexadecimal para eso. Entonces para este, copia y pega eso en. Entonces podemos hacer el RGB y esas cosas también. Puedes apuntar sin embargo. No lo haré ahora, tardará demasiado. Tal vez pueda usar esa línea así. Eso es bastante droga. Estoy usando los motivos. Siento que eso es bastante guay. Intentemos conseguir algunos más de estos maquetas. Si necesito extenderlo,
lo que puedo hacer es presionar “Shift O” y arrástrelo. Entonces solo sigue extendiéndolo. Si sigo expandiéndome y esas cosas, entonces puedo seguir moviendo eso a lo largo. Pon algo del merch ahí que creé. Pon aquí el logo. Ponga esto. Mantenerlo en línea con eso. Eso es bastante droga. Veamos si podemos incorporar algunas de estas imágenes. Piensa que nos estamos quedando sin espacio. Traiga eso. Quita eso. Pin eso ahí arriba. Entonces intentemos traer algunos de estos elementos fotográficos. Capacidad. Eso fue bajo. Haz eso. Gira eso. Haz que se vea interesante. Agregando algunos de los mensajes geniales, framework, y esas cosas. Básicamente podemos jugar alrededor y hacer que realmente destaque y pop. A ver, si tuviera más maquetas podría agregar más. Pero siento, por ahora, tal vez agregue el patrón ahí en la parte de atrás. Hazlo blanco. Enfriar. Quizás podamos agregar algo de textura. Voy a volver a mis texturas. A ver. Textura. Concreto. Añadamos una textura de concreto. Arrastra eso dentro. Lo que me gusta hacer es, usualmente me gusta que sea un color gris. Enfriar. Bajaré la opacidad, y luego haré una nueva capa. Lo arrastraré hasta esa capa. Porque solo quiero asegurarme de
que sean los fondos y la capa inferior y luego esta textura. Puedo jugar con él. A lo mejor puedo duplicarlo presionando “Control D”. Se puede ver algo de esa textura. A lo mejor puedo hacer el color. A ver cómo se ve eso. El color, tal vez yo quiero ese color verde, sea lo que sea. Eso es bastante guay. A lo mejor dejémoslo el gris. Impresionante. Una vez que estoy contento con esto, lo que voy a hacer es ir Control Shift E, que es mi atajo para exportación para pantallas. Voy a guardarlo como PNG. ¿ Dónde están las mesas de trabajo? Ahí está éste y luego éste el largo. Lo que quiero hacer, quiero exportar esto ahora. Se puede ir al archivo, se
puede ir a exportar y guardar para web o exportar como. De verdad depende de ti. Voy a cambiarlo a JPEG. Noventa y cinco por ciento de calidad. Eso está bien. Muy alto. Se puede ver que son tres megabytes. lo que voy a hacer, voy a guardar esto en mi carpeta de descargas, y voy a exportar la otra justo como PNG allí. Esperemos que seleccionemos la correcta. Descargas. Está bien. Ahora lo que puedes hacer es, puedes ir al minúsculo PNG. Para comprimir estas imágenes, puedo
arrastrarlas y soltarlas y se va a comprimir un poco. Entonces básicamente descargas. Se puede ver que éste es un poco más grande, por lo que lleva un poco más de tiempo. Ahora, yo quiero ir a Behance. Para que creemos un proyecto, quieres hacer click en “Crear Proyecto” en la parte superior derecha. Entonces ahora lo que voy a hacer es, voy a dar clic en “Ajustes” y voy a subir imagen. Lo que voy a hacer es subir la imagen de portada. ¿Ves eso? Obviamente, no nombré correctamente mis archivos, pero asegúrate de nombrar tus archivos. Esta es la imagen de portada. Se puede ver cómo se va a ver. Está encajando perfectamente, lo cual es genial. Entonces lo que voy a hacer es hacer click en “Recortar”. Ahora tenemos esa imagen genial. Podemos llamarlo Ropa Mighty. Ahora, lo que quieres hacer es agregar palabras clave, etiquetas o identidad de marca, urbana, ropa, merch, marca, diseño de logotipos, cosas así. Entonces lo que puedes hacer es dar click en “Diseño Gráfico Moda”. Iremos a Photoshop. Esa es la equivocada. Adobe Illustrator, y después Photoshop. Boom. Visible para todos. Puedo dejarlo en privado si queremos. Entonces no, no lo hace. Yo puedo ir a guardar borrador. Siempre que quieras editar la foto, siempre puedes volver al lado derecho, hacer clic en “Ajustes”, y luego podrás editarlo con mucha facilidad. Ahora, todo lo que tengo que hacer ahora, esa imagen debería hacerse, ojalá. Déjame ver. Voy a descargar eso. Voy a llamarlo Proyecto de Ropa Mighty. De acuerdo, entonces ahora que lo comprimimos, ahora voy a hacer doble clic. Ahora debería cargar esa imagen entera ahí dentro. Boom. Se puede ver que es de alta calidad. Obviamente, si acercas el zoom y tal vez un poco pixelado. Siempre puedes guardarlo al doble de la resolución y luego estará menos comprimida o menos pixelada. Ahí tenemos nuestros principales detalles. Entonces puedes empezar a desplazarse y puedes ver que todo se superpone. Se ve bonito, toda la textura está ahí, todo el diseño que hicimos en Illustrator y eso es todo. Obviamente, a veces se puede tener una diapositiva de agradecimiento. También puedes editar y añadir imágenes. Si quiero insertar un emoji o un texto, puedes decir: “Gracias, revisa más en Jeremymura.com”. Pero sería mejor para mí entrar en Illustrator, extender esto hacia arriba, o agregar otra diapositiva y luego agregar una diapositiva de agradecimiento o su sitio web. Entonces una vez que eso esté hecho, básicamente, solo guarda como borrador. Obviamente, si voy a mi página, podría no aparecer. Si hago clic en “Borradores”, puedes ver así es como se va a ver. Última modificación. Se puede hacer click en él, y así es como se va a quedar. Apreciarlo. Boom. Alta calidad. maquetas se ven increíbles. Boom, mira eso. Es así como se crea un caso de estudio. Obviamente, este fue solo un proyecto paralelo corto, pero recuerda, agrega tantos detalles como puedas. Ampliar sobre él. Tienes tanto poder con Behance. Es realmente fácil de usar. Pero espero que esto haya sido útil y espero ver tu proyecto de clase sobre cómo creas tu primera pieza de portafolio de Behance.
11. Utilizar la plantilla de flujo web: Quiero mostrarte cómo configurar un sitio rápido de portafolio corto en Webflow. Este no va a ser un curso extenso sobre cómo crearlo desde cero porque
quiero tener un curso separado más adelante por la pista sobre cómo usar Webflow. Pero quiero mostrarte cómo usar una plantilla rápida. Una vez que te inscribes en Webflow, es gratis y es gratis construir realmente tu sitio como borrador. Lo cual es realmente genial, puedes construir dos sitios en realidad. Se puede ir a plantillas de Webflow. Lo que quieres hacer es dar click en “Gratis” y te va a mostrar todos estos gratis aquí. Pero típicamente quieres empezar con el iniciador del portafolio. Voy a dar click en eso. Entonces lo que voy a hacer es hacer clic en “Usar gratis”. Entonces lo voy a llamar Mi Portafolio y solo
voy a decir Skillshare y voy a dar clic en “Crear proyecto”. Un proyecto sobre Webflow es básicamente un sitio web. Se va a cargar todo en esa plantilla para mí. Al desplazarse hacia abajo, se
puede ver que tiene todas las cosas buenas ahí, todo el contenido y el texto y todo lo que hay ahí. Entonces por el lado izquierdo, puedo presionar Z y eso va a abrir mi Navigator para que pueda ver todo. El modo en que funciona Webflow es todo en cajas por lo que a menudo se le llama el modelo de caja. Tenemos secciones. También tenemos navegaciones, que son símbolos en el ilustrador. Estos son reutilizables a través de todas las páginas para que pueda editar un símbolo y puedo cambiar, alimentado por café o lo que sea hecho por Jeremy. Puedo dejarlos ahí. Y si hago clic fuera de él, es básicamente si voy a una página diferente. Para hacer click en las páginas, se da click en la tercera cosa. Si voy a la página Acerca, puedes ver el pie de página sigue siendo el mismo que acabamos de cambiar. Eso es como un símbolo. Es realmente genial. Yo sólo voy a volver a la página de inicio. Obviamente, tenemos símbolos a primera hora. El botón plus es básicamente elementos, contenedores y rejillas. Pero no vamos a entrar demasiado en detalle en eso. Tenemos Navigator, que dije antes, trazo y fácil de abrir eso. Tenemos nuestras cajas, nuestras secciones que son Divs. Todos ellos tienen clases. Es realmente genial. Después conseguimos CMS y otros pequeños detalles ahí, tenemos los activos aquí, las imágenes que podemos dejar. Yo sólo voy a trabajar con las portadas. Por ejemplo, hablemos con como crear estas cosas aquí. Diseñador de marca, Hey
ahi, soy Jeremy, Australia, guapa. Ahora proyecto uno, proyecto 2, puedes ver todos estos. Todo está dentro de la cuadrícula aquí. Puedo hacer doble clic. Lo que en realidad puedo hacer es realmente vincularlo a una página para poder llegar a una de las páginas del portafolio. Puedo hacerlo cuando le den click, ir a una sección diferente si quiero, puedo poner mi email. Si hacen clic en esto irá también a un teléfono de correo electrónico, lo cual es realmente útil. En este momento se trata de un bloque de enlace. Tenemos un bloque Div y dentro de esa cuadra o esa caja, donde dentro hay un enlace. Este enlace básicamente irá a la página del portafolio. Lo que voy a hacer es, ir a mi clase a la derecha y puedo desplazarme hacia abajo y se puede ver que hay una imagen en la sección de fondo, imágenes en gradiente. Ya puedes ver, puedo apagar esa imagen con el pequeño globo ocular. Puedo dar click en esta imagen, elijo Imagen. Solo voy a arrastrar algunas de mis imágenes aquí del proyecto que creamos antes. Como se puede ver ahí. Eso es realmente genial. Tenemos la maqueta de la ropa Mighty. Entonces ahora si hago clic en Vista previa, puedes ver estos son enlaces. Si hago clic en
esto, no va a entrar en él porque no lo he enviado al link. Eso es bastante guay. Yo sólo voy a volver a salir de eso. Lo que quieres hacer, quieres asegurarte de que hasta la parte superior tienes diferentes vistas. Tienes las vistas móviles, tienes el iPad, pero solo nos vamos a centrar en la vista de escritorio por ahora. No te preocupes por la capacidad de respuesta móvil. Debido a que es una plantilla de cartera, ya la ha hecho sensible de todos modos, puedes ver que todo encaja. Pero queremos asegurarnos de que estamos trabajando con este punto de ruptura aquí lo que significa que cada cambio que hagamos, va a afectar a todos los demás niveles por debajo de él. Voy a llamar a esto ropa Poderosa. Vamos a diseñar la marca. Dejaré los otros proyectos también. Yo sólo voy a eliminar estas dos cuadras aquí. El bloque Div, voy y borrando esos. Ahora acabo de tener estas dos cuadras aquí. Para éste, voy a ir a cambiar el panorama. Déjame encontrar otro proyecto que he hecho. Escribamos en caso de estudio. Yo sólo voy a arrastrar este hacia adentro. Si una imagen es demasiado grande, te lo dirá. Todo lo que tienes que hacer es básicamente arrastrarlo a esto en el navegador Webflow y en el lado izquierdo puedes ver ese pequeño icono de imagen está básicamente almacenado en archivo de activos ahora. Se puede ver que ahí es ese proyecto. Puedo ir a la Universidad Macquarie
e ir diseño de marca. Esto es hermoso. Enfriar, voy a dar click en este enlace, voy a dar click en el pequeño engranaje aquí. Entonces lo que voy a hacer es ir al segundo ícono, que es una página. Voy a elegir la página y quiero ir Proyecto 1. Puedo hacer que vaya a la nueva pestaña si quiero. Lo dejaré en eso. Después haremos clic en el globo ocular y solo lo probaremos muy rápido. Ahora sé que va a la página Proyecto 1. En la parte superior izquierda se pueden ver las páginas. Tenemos la Página de inicio, Acerca de la página, y después tenemos una carpeta. Entonces dentro de esta carpeta, es ir todas estas páginas del proyecto. Podemos agregar páginas si quieres, podemos eliminarlas, lo que sea. Pero sólo vamos a usar rápidamente esta plantilla. Prendas poderosas, sólo voy a añadir los textos como hicimos para el Behance. Podría deshacerme de esa visión general del proyecto. Voy a copiar y pegar los textos de lo que teníamos de Behance. Iré, mi rol, diseño de
Instagram, identidad de marca. Eso es bastante guay. Lo que voy a hacer es dar clic al pequeño Cog, clic en Reemplazar imagen, y luego empezar a agregar algunas de estas imágenes que ya creamos. Puedes ver aquí podemos tener algunos textos más. A lo mejor no lo quiero en medio, pero solo puedo dejarlo ahí por ahora, reemplazar esta imagen. También puedo hacer doble clic en la imagen y se va a abrir eso y voy a elegir esta. Vuelve atrás. Por favor, asegúrate de que deseas hacer clic en la imagen para que se cargue. Una vez que trabajemos juntos, o vamos a charlar. Reserva una llamada y consigamos que tu marca se mueva. Enfriar, entonces puedo ir como, hello@jeremymura.com. Esto es un poco grande así que puedo ir por el lado derecho, se puede ver la fuente. Puedo cambiar el tamaño de la fuente, puedo dejar caer eso. Vámonos como 55. También puedes cambiar fuentes, pero no lo haré en este tutorial. Hermosa. Ahí tenemos nuestra imagen, puedo hacer clic en el pequeño botón del ojo de vista previa para ver cómo se ve. Tenemos nuestra página de portafolio. Desplázate por ahí, obtuvimos la información básica ahí. Después consiguió las maquetas que creamos. No he editado este texto, pero puedo más adelante. Entonces tenemos la imagen ahí luciendo realmente genial. Si queremos cambiar el fondo, podríamos hacer en esta página, el color negro, que hará esto. Esa también es una opción. Pero básicamente tienes que invertir todo el texto y hacer amplios los textos, lo cual puede ser complicado. A lo mejor quiero mover una de estas secciones para que puedas ver esta sección, es por sí misma. A lo mejor quiero moverlo por encima de la otra imagen. Se puede ver en el lado izquierdo cómo lo estoy arrastrando. Ahora lo traje aquí arriba ahora todas las imágenes son así. Realmente simplemente simple, conectados entre sí. Tenemos una sección ahí, tenemos otra sección ahí y otra aquí la cual se hizo la cual es realmente genial. También puedo agregar espaciado. Si quiero agregar relleno aquí, podemos ir a espaciado en el lado izquierdo derecho, y puedes agregar algo de relleno. Se va a agregar algo de espacio en la parte inferior si quieres, o simplemente podríamos dejar eso. Ni siquiera teníamos que tener múltiples secciones. En realidad podemos dejar cosas, moverlas, pero sólo vamos a dejar eso por ahora. Podría poner algunos textos más, sólo
voy a copiar y soltar algunos. Yo sólo borraría esto y esto. Creo que eso se ve bien. Podemos pasar más tiempo en ello y podemos hacerlo realmente bueno. Pero creo que solo lo voy a dejar ahí solo para mantenerlo realmente sencillo. Pero cuantas más imágenes, más maquetas y puedes agregar más detalle del problema, el reto, todas esas cosas. Pero lo que quieres hacer es ir a publicar, y luego puedes publicar en sitio seleccionado. Debido a que no hay ningún dominio conectado a este sitio, solo
voy a publicar en el webflow.io. Entonces lo que puedes hacer es solo hacer clic en este pequeño ícono aquí, y eso te va a llevar al sitio web de trabajo real. Ahora puedes ver, puedo ver la página de portafolio y puedo compartir este enlace con alguien más si quiero. Puedo hacer click en el logo para llevarme a la página de inicio que acabamos crear como se puede ver ahí. Obviamente, no editamos nada de esto. Pero es solo una forma rápida de empezar a hacer tu sitio web y eso es solo en Webflow. Puedes usar los otros sitios que he mencionado antes, pero espero que eso te muestre una forma rápida de cómo usar Webflow.
12. Reseñas de portafolio: Saltemos a ello. Pero antes de que lo hagamos, solo
quiero decir rápidamente que siempre trato de dar críticas constructivas o retroalimentación. Siempre que digo algo que suena duro o negativo, no lo tomes personalmente. Recuerda, estamos tratando de ser objetivos aquí para que tu portafolio solo lo haga mejor para que realmente puedas conseguir más clientes y mejorar tu trabajo. Intento decir cosas que son prácticas y voy a dar tantos consejos como pueda. Probablemente tendré dos videos separados, así que no pasa demasiado porque tengo unos pocos estudiantes justos por los que pasar. Pero sólo saltemos a ello. Recuerda, presta atención a las cosas que les digo a otros estudiantes porque podría ser relevante para ti también. Saltemos a ello. En primer lugar, tenemos a Taha Ahmed. En su cuenta de Behance, tiene tres proyectos. Es bastante nuevo. El que me destaca es este rojo, la imagen de portada. A mí me gustan las maquetas blancas de aquí y la del medio. Este no es que destaque porque el fondo blanco realmente no funciona y no está estallando para mí. Intenta evitar fondos blancos. Intenta mantenerlo en una maqueta agradable. Recuerda, las maquetas visuales realmente hacen un impacto. Voy a dar click en este caso, Surge Energy. Vamos a pasar rápidamente por esto. En primer lugar, por lo que esta maqueta es interesante. Me gusta cómo los elementos son como un contraste salvaje con el fondo. Entonces tienes Surge Energy en una lata aquí. El caso es que esto está desconectado. Es como si fuera un oso? ¿ Debería estar esto al frente de algo? Porque algunos de estos elementos ahora se sienten irrelevantes. A lo mejor esto debería ser lo principal puesto aquí en el centro o algo así. rejuvenecimiento un factor real. Después se mete en hablar del objetivo, proyecto
hipotético sobre merchandising de una marca. No tienen que decir hipotéticos, chicos. No tienes que decir que es un proyecto falso. La gente no tiene que saberlo. Simplemente lo tratas como un proyecto normal, como si fuera un cliente real, así que la gente no tenía que ver eso ni adivinar. No es mentir. Es como si no fuera importante. El trabajo es importante, el objetivo y el logro de resultados. Se trata de una energía descafeinado bebidas y geles, Surge Energy. Está bien. Está rompiendo el gol. Menciona al público, los componentes clave. Eso es bastante guay. Está bien. Está bien que mencione los ingredientes, pero creo que probablemente no sea tan relevante. Si está conectado a la historia de la marca y que se puede contar de una buena manera, entonces eso va a ser bueno. Apunta del cliente, eso es genial. El evento convincente. Está bien que está trayendo un poco de textos. Creo que son un poco demasiados textos, tal vez cortarlo a un párrafo. Este es su tablero de humor, diseño
interesante, interesante elección de imágenes. Tienes mucha de esta acción aligerante en marcha. Bastante decente. Se siente un tipo de cosa deportiva y dinámica. Eso es genial. El hueco y la puesta en marcha. Está empezando a mencionar algunas de las partes de aquello que es genial. Después a los bocetos. hora de mostrar bocetos, es mejor ponerlo en una maqueta, simplemente se ve mejor. Esta imagen también es borrosa. Quizás escanéalo en tu impresora o simplemente usa tu cámara en lugar de tu teléfono. Pero sí me gusta cómo puso bocetos, eso es bastante genial. El diseño es decente. Es una bonita marca de logotipo. Diseño final. Energía Surge, paleta de colores. Simplemente siento que solo lo tengo sobre un fondo blanco, no
hay tanto pasando y siento que es un poco perezoso solo poner cosas así. Esto es solo una captura de pantalla de CMYK, que no está tan mal, pero siento que puedes retratarlo y mostrarlo mucho mejor. Incluso las selecciones de tipografía tienen un diseño de espécimen de tipo que muestra la fuente en acción en un poco más, en lugar de solo mostrar el logotipo. Tiene, aquí estaré ilustrando el impacto del trabajo de la ganancia. Probablemente podrías decir beneficios o solución, eso probablemente tiene más sentido que tener la ganancia ahí. Los maquetas. No estoy seguro si este es el polvo real o es café. ¿ Eso es lo que en realidad hay en la botella? Creo que una bebida energética no se emborracha en una taza a menos que sea una versión en polvo. A lo mejor si es cierto, si eso es lo que es, entonces eso está bien. Camiseta, un bolso tote. Eso está bien. Después una muestra de diferentes botellas. Mostrarlo en un aleatorio dos botellas separadas, eso no tiene sentido. Obviamente una solución habría sido elegir una botella. ¿ Por qué están mostrando dos tipos diferentes? Esto podría ser mejor. Los colores de fondo, no
sé por qué es azul. Eso no forma parte de los colores de la marca. Esa es otra cosa que no tiene sentido. Simplemente ponerlo al rojo o al gris o tener un color secundario. Eso se remonta a la paleta de colores. Solo tienes dos colores. Intenta ampliar la paleta de colores de la marca. Intenta tener 4-5 colores, algunos que son secundarios, que no usas tanto, y luego algunos que son los dos principales. Vamos a pasar. Eso es genial. Intenta agregar también otros detalles como si fuera solo el logo, ¿hay alguna ilustración de patrón? ¿ Hay otras imágenes? Porque es sólo un logotipo. Obviamente en un paquete, es mucho más, así que tratando de averiguar otra información puedes poner en el trabajo. El resumen, la misión, el resultado, el impacto. Esto es genial. Creo que probablemente podrías haber puesto esto en la parte superior y recortado la mitad de la otra información porque esto parece más importante, como un resumen, es un desglose. La gente no lee mucho en carteras. Manos en el rejuvenecimiento. Esa maqueta es decente. En un póster, probablemente no tendrías esa imagen ahí para un anuncio. Probablemente podrías haber dejado esto y luego jugado con el texto más. Pero en general, creo que probablemente sea tu mejor. Rápidamente miré a través de la otra. Los diseños del logotipo están bien. Es como presentarlo mejor y simplemente hacer las cosas más relevantes y no tener demasiados colores. Mantener dentro de la marca. Saltemos a Olumide. No sé cómo decir su nombre. Perdón si lo masacré. También es estudiante. Parece que es un principiante al mirar rápidamente las imágenes de aquí. Puedo ver esto es un volante, un par de logotipos. Pero una vez más, teniendo el fondo blanco, no creo que funcione. No hace que destaque. Usa los colores de la marca o ponlo en una maqueta. Se va a ver mucho mejor en lugar de solo mostrar un logotipo como este. Tiene un par de logotipos. El inconsistencia con los volantes y los logotipos aquí, este es un mal estilo. Estos dos logotipos son un poco diferentes a esto, y entonces esto ni siquiera es un logotipo. Intenta quedarte con el tema, solo pon todos los logotipos, usa los colores de la marca. Yo sólo voy a dar click en el primero de aquí, el NIKEP Ventures. Simplemente está mostrando un logotipo por sí mismo. No hay contenido, no hay contextos. Deberías estar mostrando algo de cuál es la marca,
cuál es el objetivo, cuál es el problema que estás resolviendo y cómo te acercaste al diseño, ¿cuál es el proceso? En lugar de solo mostrar un logotipo porque eso va a ser efectivo. También, la topografía podría mejorarse aquí. Siento siempre personalizar la fuente. Ya veo que trataste de personalizarlo aquí. Pero se desequilibra. Intenta siempre buscar fuentes. Entonces aquí se puede ver si hago zoom en este logotipo, se
puede ver cómo el espacio en blanco, es demasiado pequeño. En tallas pequeñas no podrás verlo. Intenta usar espaciado similar. A lo mejor usa este trazo del blanco aquí y ponlo ahí. A mí me gusta el distintivo uno. Veamos de qué se trata este. Dillon y Samuel procuradores de juicio. Este logo es muy detallado. El exterior se siente como Clip Art y lo mismo que el águila, por lo que necesita simplificarse. Un logotipo siempre debe ser muy sencillo. Simplificarlo y los colores, solo el contraste se siente un poco apagado. Trate de pegarse siempre con formas simples en lugar de tener pequeñas formas. Porque en tallas pequeñas no podrás ver ningún detalle. Simplemente mostrando todos estos logotipos aquí. El solo mostrar logotipos no funciona así. Recuerda, intenta ampliar los estudios de casos rápidos, va a ser mejor para ti. Siguiente uno, Namudi. Ella es de la India. Ella parece muy amable. Echemos un vistazo a su trabajo. No sé si es diseñadora gráfica. Parece que hace textiles o arte, algo así. Voy a desplazarse por aquí. Enseguida veo que es muy astuta o artística. Se trata de un montón de ilustraciones. Se trata de ilustraciones de acuarela bastante cool. Pero no me estoy dando una idea de un estilo específico. Son sólo imágenes aleatorias. Esto es aleatorio. Tienes cotizaciones. Entonces tienes cosas de letras. Pero siento que su estilo es más garabatos e ilustración del agua. Intenta tener una cuadrícula consistente. A grid es el top nueve posts, porque en este momento es inconsistente, estás teniendo demasiadas imágenes que no le hablan a tu oficio. Intenta apegarte a un estilo en lugar de solo hacer todas estas cosas al azar. Si es lo de la ilustración, creo que quédate con eso porque te ves muy fuerte en eso. En lugar de hacer una captura de pantalla, intenta y tal vez escanearla y ponla en una maqueta o simplemente pon una textura agradable en el fondo. Eso podría ser una idea. Creo que eso es todo. No creo que tenga un portafolio om la página web. Ya lo comprobé antes. Siguiente uno, Antonio Salazar. Se ve como un diseñador. Voy a desplazarme rápidamente. Esto parece interesante. Parece un poco de arte digital, cine mágico. Eso parece una App. Burger Bot, que parecen una app así algunos envases. Santa Cruz, bebida energética. Enfriar. Enseguida puedo decir que es un poco diseñador de UI, un poco de artista digital. Probablemente recortaría tu portafolio cuatro piezas top, algunas de estas piezas más viejas no me parecen tan atrayentes. Estos parecen proyectos estudiantiles aquí. Como puedes ver, aquí hiciste una revista para una escuela o algo así. Siento que probablemente no necesites eso. Esto es bueno tener consistencia. A mí me gustan estos, las maquetas son decentes con la UI que es interesante. Entonces tienes éste, que es como un diseño de póster. Creo que quiero ir al cine mágico y mirar rápidamente a través de eso. Cine magia. Enseguida del bate, no hay textos. No sé para qué es esto. ¿ Es para una aplicación cinematográfica o en línea? ¿Para qué sirve? Tener algunos contextos, tener los textos, recordar sobre el problema, el nombre comercial, la solución, etc. bocetos son geniales. A veces los bocetos no son los mejores para mostrar. En realidad puedes usar maquetas de UI de baja fidelidad, esto probablemente sea mejor. Porque a veces es difícil darle sentido a lo que es,
que corre la pantalla 1, ¿es éste? ¿ Es éste? El flujo, es un poco difícil de decir. Todo es blanco. Las flechas y los iconos, es un poco difícil de decir. A lo mejor voy a apretar un poco eso. Esta maqueta se ve genial. A mí me gusta cómo están dispuestas las pantallas. Es dinámico. Siento que estos pequeños orbes resplandecientes le quitan a las pantallas. Creo que es un poco demasiado detalle, pero el gradiente de fondo es agradable y los golpes y esas cosas. Pero recuerda, intenta simplificar, intenta centrarte en el diseño de la pantalla, las cosas que has hecho. Puedo decir obviamente necesita un poco de bombero con las fuentes y cosas así. Pero es un buen primer inicio. Esta es una maqueta bonita. Me gusta tener cosas como esta, vista
isométrica con los maquetas de teléfono, mostrando
claramente el producto. Eso es decente. Este es decente. Siento que se están mostrando algunas de las mismas pantallas. Si ya has compartido una pantalla, hay algún punto que la vuelva a mostrar en una vista diferente? Eso es simplemente redundante. A lo mejor pensar en mostrar el logotipo digital o tal vez puede ser una maqueta de teléfono. A lo mejor tener una persona para mostrar al público ahí sosteniendo la pantalla o algo así. No lo sé. Piensa en cosas así. Has puesto el texto en la parte inferior, esto probablemente debería estar en la parte superior. Cuando llego a la página, esto es lo que estoy diciendo, eso tiene sentido. De lo que haré, actualizaría algunas de estas imágenes porque estas dos de aquí, realmente no me hablan. No están sobresaliendo. Las fuentes y los colores, intenta pegarla, mantenerla cohesiva con la marca. No hagas sólo cosas al azar. Eso es interesante, la botella. Me encanta cómo las botellas con el fondo y es dinámico. Está bien, tienes estos spot y patrón. ¿ Se puede usar eso en segundo plano? ¿ Se puede usar eso en otros elementos? En lugar de solo seguir mostrando la botella, porque solo estás mostrando la botella. Pero podría ser mejor mostrar otras cosas como ¿dónde está la mensajería? A lo mejor el logotipo por sí mismo. Después pon el texto arriba. No digas sobre, diga el nombre del proyecto, como el re-diseño de Spartan Ale o las bebidas Spartan Ale o el estudio de caso. Obviamente, llegaste a
oírte hablar, solo podrías sacar eso y traer el texto en la parte superior, así que espero que eso les ayude. Newzealand.com. Aquí te dejamos un diseñador gráfico. A primera vista, puedo decir que este sitio web se siente como si fuera un sitio web de WordPress. Aquí hay demasiado espacio, así que puedes ver si tan rápido me pongo así de grande. Solo estoy tratando de sacar mi bolígrafo para poder, no lo tengo. Aquí hay demasiado espaciado. Se siente raro. Entonces la fuente se siente rara en comparación con tu logo. Es muy divertido y como guión. Estas podrían ser fuentes diferentes. Hay un montón de blancos, conoce a Chris. En lugar de enfocarnos a ti mismo, digamos, empecemos un proyecto. Enfócate en la llamada a la acción, inicia un proyecto, ponte en contacto. Vamos a reservar una llamada. Ten eso en su lugar y ten esto en el lado izquierdo, por lo que está alineado. Creo que eso es mejor. Siempre en movimiento. Esto no tiene sentido. ¿Eres diseñador de movimiento? Intenta enfocarte en el cliente. El diseño de identidad de marca y logotipo. Probablemente puedas cortar eso y tal vez poner una imagen en el lado derecho o detrás en el fondo, para mostrar algunos de los diseños. Ya veo, podemos dar click en una de esas cosas, nos
va a llevar por su portafolio. Enfriar. Mundo cambiante del diseño y la impresión. No sé si esto es un blog, si pones tu blog aquí. Diseño de logotipo impreso. Esto es un montón de textos, muchas cosas suceden. Creo que solo simplificarlo y solo enfocarse en el trabajo aquí. Se puede ver su trabajo. Aquí hay toda una mezcla de cosas. Puedo ver que esto parece un viejo trabajo. Probablemente me desharía de él y te cortaría hasta el top ocho. Algunas de estas cosas del arte digital, probablemente
me centraría en los Logos por ahora, porque simplemente se ven profesionales. me gusta este me destaca porque ese es el contraste del fondo. Sólo tomemos éste y veamos cómo lo dispuso. Marca Shortstop, concepto de logotipo, entrega lo que quieras, cuando quieras. Ahí no hay contexto del proyecto ni del caso de estudio, así que vamos a desplazarnos hacia abajo. Ya lo tienes aquí, está bien. Es genial tener un encabezado. No me gusta el gris de aquí. Si hay una forma de que puedas cambiar el fondo con el mismo color este fondo que simplemente fluiría mejor, mucho mejor. Textos, es bueno tener sub-encabezamientos así como bajo el nombre de la marca o estudio de caso, meta, problema, etc. Simplemente da más escalabilidad, legibilidad en tu página. Ahora bajemos. Se pueden ver algunos de los logotipos. Mostrando el logo como ese plano simplemente no se ve tan bien. Intenta ponerte una maqueta como esta. Esto se ve decente. Siento que si sería mejor mostrar en una versión lateral como un sitio al costado de la camioneta porque esto es difícil de ver. Es muy pequeño, mientras que el lado, es más grande y puedes volarlo. Vamos abajo, diseño gráfico y Logo Clearspace. Ya veo que estás mostrando el espacio claro, eso suele formar parte de la pauta de marca. No sé si realmente funciona por sí mismo así. Si tuviste un estudio de caso desplazándote o hacia abajo con imágenes y podrías ser más relevante. Sí, creo que guarde toda esta información a su guía de estilo o guía de marca o al logotipo. Porque esto es irrelevante para alguien que es cliente está mirando esto. Para ti lo es, pero probablemente voy a cortar esto y tratar y tal vez hacer solo un bonito maqueta, ancho
completo de solo el logo principal con lindas pautas. Las líneas punteadas, creo que los guiones se ven mejor también. Pero eso es subjetivo, es mi opinión. Esta maqueta se ve más bonita en comparación con la otra. Esto probablemente debería estar en la parte superior. Eso se verá bien y tal vez poner el fondo verde que realmente estallará y destacará. Desplazamiento hacia abajo, diseños de vehículos. En lugar de tener el logotipo de la empresa de diseño gráfico, digamos diseños de vehículos y estacionarios. Intenta poner el encabezado de lo que es lo principal que has hecho en el diseño. Obviamente puedo ver las maquetas. Estas maquetas son decentes. Realmente puedo ver la marca viniendo a través de ellos. No veo ningún mensaje de marca que deba ser algún mensaje clave que hayas creado. Tienes compañía con sede en Londres acaba de cortar eso. Basta con poner diseño uniforme o diseño merch. Sólo pon eso. Para que podamos ver. Obviamente, veo que es un montón de cosas de logotipo. Aquí hay un poco de texto. Puedo empezar a ver algunas cosas. Tienes a Loren Ipsum. Trata de deshacerte de Loren ipsum solo para que se sienta más como un proyecto real. Intenta llegar a algunos textos o incluso a veces
puedes ir a una empresa con otro sitio web similar y simplemente copiar el texto que sea similar. Va a ser mucho mejor. Puedo ver esta maqueta. Siempre intenta personalizarlo para que no se sienta como si fuera solo una maqueta de acciones que tienes. Necesito ver más de los elementos de la marca aquí, como las tarjetas de visita e incluso el fondo, tal vez añadir ese color azulado o el verde. Algunas de estas maquetas son decentes pero solo hay que reformar y hay que trabajar en ello. siguiente es de Sherie D. Welsford Arte y Diseño. El logo es muy grande en esta página. Hazlo muy pequeño y luego saca estas cosas. Puedo ver que te gusta tal vez la alfarería y el arte, que es genial el progreso de trabajo, la fotografía y la obra de arte. Tendría dos sitios separados. Uno para tu arte y otro para el diseño. Yo sólo me voy a centrar en el diseño aquí. Ya veo que tienes un blog sobre mí y trabajar, eso está bien. El texto es sencillo. Voy a dar click en “Diseño”. Sólo puedo ver un proyecto. A lo mejor hay más. Ahí está, acabo de desplazarme hacia abajo. Creo que tratar de tener bloques separados para que alguien pueda seleccionar, esto es diseño de etiqueta, esto es diseño de marca etc, porque si tienen que desplazarse hasta el final, es como, ¿este es un proyecto? ¿ Es todo lo mismo? No estoy seguro. Se pone confuso, así que intenta simplificarlo. Tener bloques separados o una nota o una galería que pueda utilizar. Entonces Proyecto 1, me desharía de esto. Se siente como un proyecto estudiantil. A lo mejor recortar eso y hablar del nombre del proyecto. En lugar de llamar a ilustración, llámalo algo que sea relevante para esto, como la marca cafetería. No lo sé. Intenta llamarlo con un nombre genial. A mí me gusta cómo tienes gol aquí y cliente, eso es bueno. Esto es realmente genial. Hablas del gol. Los visitantes obtienen una copia gratuita. Esto es genial. Esto es impresionante. La gente quiere crear una guía de trabajo desde casa para clientes potenciales. El objetivo es aprovechar la tendencia creciente. Por lo que debes decir diseño de portada de e-book o diseño de e-book, sea lo que sea. Esto es corto, me gusta como es corto y dulce. Esta imagen es muy grande en comparación con el texto. A lo mejor poner los textos por encima de él. No lo sé. Siento que esta rejilla podría mejorarse. El diseño, hay poco espacio en blanco, solo
se siente raro, desequilibrado, así que tal vez levante esto y haga esto un poco más apretado y más pequeño y tal vez ponerlo en una maqueta de e-book, eso también funcionaría. Etapa de planeación. No estoy seguro si este es el mismo proyecto. Estas imágenes, ésta luce un poco de baja calidad, pixelada. No sé si solo lo copias y lo pegaste de alguna parte o lo hiciste. No estoy seguro si seguimos en el mismo proyecto. Simplemente se siente diferente. A lo mejor son tus imágenes de café ahí. Se siente como un clip art. Intenta evitar las imágenes prediseñadas. Simplemente deja los sitios libres por ahí. Aunque puedas copiar imágenes de Pexels, Unsplash online, regate, cosas así. No lo estás copiando, es como inspiración. Puedo ver los colores sin embargo. En esto no se utilizan los colores. No lo sé, ahí hay desconexión. Tienes bocetos. Estos bocetos se ven muy limpios, muy aseados. Eso me gusta. A lo mejor ponerlo en una página de papel o en una maqueta de cuaderno. Eso será más lindo. Notas y bocetos y moodboard. Estas cosas son muy estrechas y difíciles de leer. Creo que tratar de tener un similar como este y ver estas pruebas ya que todos los textos nunca deben ir por encima del 70 por ciento, 80 por ciento en la página. Debería ser este corto básicamente. Tan corto como esto. No debería seguir adelante porque tu cerebro se abruma y no quieren leerlo. Entregables. Es una maqueta decente. Simplemente está pixelado. No sé si lo puedes ver, pero está pixelado. Trabaja en guardar imágenes de alta calidad. [ inaudibles] maquetas, decentes, tal vez algunos colores de marca en el fondo observan como tener pensamientos blancos en el corte. Esto es probablemente lo que hay en la página web. Intenta poner eso, muestra eso en el sitio web del cliente, haz una captura de pantalla y luego haz una maqueta de un marco web en un MacBook o un portátil y luego muestra la página ahí, la parte superior de la página con el centro en lugar de simplemente ponerlo como esto. Esto se siente raro como si estuviera flotando. Pero obviamente puedo decir que ese es el diseño que has creado en el banner en la página web. Disposición digital. Siento que el diseño podría funcionar. Pero es bueno. A ver, me gusta cómo hiciste el MacBook Pro. Por lo que has elegido algo similar para esto. Hice el sitio web ahí, identidad de marca. Tienes otro sitio web. Esto es bueno, esto es un poco mejor. Desviar estas imágenes, es demasiado grande. Simplemente trabaja en eso. A mí me gusta la palabra, esto es mappings de palabras, eso es bueno. Simplemente trata de no tener un pixelado. A mí me gusta cómo estás extrayendo palabras en collage. Esto es bonito. Esto es mejor que el anterior. Sigue la paleta de colores de diseño. Este logotipo, la elección de la fuente puede ser mejor y el contraste entre restaurante y selva tropical puede ser mejor. Probablemente puedas incluso sacar restaurante, pero creo que más contexto, el logotipo necesita simplificarse. Puedo ver diferentes colores y trazos y esas cosas. Siempre que crees un logotipo, manténgalo sencillo. Te estás rompiendo. Eso es genial. Uniforme de personal, mercadotecnia. Simplemente siento que intento mostrar mejores maquetas. Ahí están las maquetas gratuitas por ahí, así que intenta mantenerlo relevante para el proyecto. Pegate con los colores de la marca, manténgalo consistente, mantén las imágenes de la más alta calidad que puedas. Creo que eso sería mejor para todos en su trabajo, pero es un buen comienzo. Estamos de vuelta con algunas revisiones de portafolio más. Este es de Sue Mason o Suzanne. Parece que hace Arte y Diseño. A primera vista, la amo. Tu estilo de ilustración. Creo que esto es realmente increíble. Me encantan las imágenes de portada. Destacan de verdad. Tienen la arenilla, la textura. Me encantan los patrones y textiles, pinturas, mapas ilustrados, cool. Está realmente claro que tienes cierto estilo de que es consistente. Eso me gusta. Incluso con la elección de la fuente, creo que eso es realmente bueno. Aquí hay mucho texto. Intenta acortarlo y trata de no dejar que los textos vayan más del 70 por ciento o 60 por ciento en la mitad de la página. Intenta mantenerlo a la izquierda como apilado en lugar de como ir todo el camino así. A lo mejor tener una foto de ti también. Creo que eso es importante. A primera vista, puedo ver que tienes pinturas, patrones, libros ilustrados. Me gusta tu ilustración. Voy a dar click en eso. A ver adónde me lleva eso. Por favor póngase en contacto conmigo si está interesado en licenciar mi trabajo. Enfriar. Tienes un montón de cosas diferentes. Tarjetas de felicitación, abejas, libros ilustrados. Escogeremos libros ilustrados. ¿ Me va a mostrar cosas específicas? Dulce. Puedo ver tu portafolio. Ahí está la consistencia, me encanta eso. Me encanta esta grilla, muy simple. también me gusta el pequeño efecto flotante. Me muestra que en realidad puedo hacer click en él. Si hago clic en él, ¿qué pasa? Es sólo una cuadrícula simple. Probablemente sería bueno ver si has hecho algún trabajo de cosas para marcas o cualquier cosa comercial y ponerlo dentro del caso práctico. Pero siento que si vas a ilustrar, como si tener un portafolio como este está bien. Funciona. Se puede ver el estilo. Pero tal vez si tuvieras cierto proyecto en el que hiciste un libro completo, tal vez intentes demostrar que en un estudio de caso, eso probablemente será más agradable. En general, creo que es realmente genial. Déjame ir a sólo tratar de conseguir los patrones. Creo que este diseño lateral es realmente limpio, realmente sencillo. No sé qué es este banner con el Dropbox ahí. Esa sombra de gota se ve rara, no se ve demasiado amigable. A los jardines españoles, vamos a dar click en ese. Enfriar. Creo que sólo me va a mostrar bien. Creo que es bonito, creo que tu portafolio es genial. Creo que tal vez tratando de mostrar algunos de los textiles o cuadros, no
sé si has visto como una tienda de Etsy donde tienen las almohadas y fundas de teléfono y esas cosas, intenta ponerle algunas de esas maquetas en ella, yo creo que realmente lo haría sobresalir. Déjame volver ahí. Creo que realmente lo haría destacar, como ponerlo en un objeto físico que la gente pueda
verlo en su sala de estar o en una decoración del hogar. Pero si quieres enfocarte más en el trabajo comercial entonces enfocarte en
tratar de ponerlo dentro del estudio de caso y expandirlo, como tratar de adquirir el objetivo y el proyecto y la marca. Pero en general tu estilo es realmente genial, creo que has hecho mucho esfuerzo. Podríamos tener algunas fotos más de ti, tal vez tu espacio de trabajo, tu espacio de arte. A la gente le encanta eso, eso es realmente inspirador para la gente así que tal vez compartir algo de eso. Saltemos a Bridget. Tiene un Instagram, es fotógrafa e ilustradora. Una de las cosas de las que habló fue un poco de ambas. Siempre diré tener páginas separadas. Uno para ilustración, otro para fotografía. Realmente puedo ver tu fotografía aquí, muchos elementos florales,
puestas de sol, noches altas, top of vibes aquí. Ya veo que tienes algo de texto, sólo respira. No creo que necesites eso. En segundo lugar para Instagram, ves cómo tus imágenes tienen las barras negras. Simplemente haz una relación uno a uno. Sé que es paisaje, estás tratando de mostrarlo ancho pero solo recortarlo y tener esa relación uno a uno, se ve mucho mejor. 1350 píxeles por 1080, o simplemente puedes hacer 1080 por 1080. Yo no soy especialista en fotografía. Sí tengo experiencia en ello y lo he hecho antes, pero en general puedo ver la consistencia. Prueba y califica tus imágenes para tener vibraciones similares. Al igual que puedes ver esto tiene un bonito tono azulado mientras que otros es muy cálido. A lo mejor llegar con el filtro que sea consistente. Un filtro de uno o azul para hacer que las cosas pop. Pero realmente me gusta la naturaleza, parece interesante pero creo que si miras hacia arriba a Peter McKinnon y hay algunos otros fotógrafos que sigo, tienen una cuadrícula consistente, tratan de tener esa vibra. Si voy a tu página web, puedo ver que tienes pix y piedras, intenta simplificar el logo. Se ve muy detallado y parece un clip art, no
estoy seguro de dónde sacaste eso. Intenta evitar sombras caídas como esta, simplemente no se ve bien, solo manténgalo simple. Ya veo que estás tratando de promocionar tu Instagram ahí lo cual está bien. Puedo ver de inmediato tienes fotografía, siento que necesito un poco más de información. Obviamente no me gusta tener el lapso de la semana como tratar de pagar por eso. No se ve profesional, no se ve bien cuando tienes una pancarta ahí diciendo cuatro semanas. Permítanme hacer click en la obra de arte. Fotos Palabras de arte Bridget. Genial, esa es una ilustración genial, me gusta el pincel ahí. En realidad no hay mucho en lo que pueda hacer clic a menos que tenga que ir a un menú tener que gustar click varias veces no es una buena señal para la experiencia del usuario, intenta mantenerlo sencillo. que no nos olvidemos que puedo ver la identificación que tienes ahí dentro, eso son ideas bastante interesantes, geniales. Solo necesito contexto, siento que es solo arte. Si quieres hacer más trabajo comercial inténtalo y, siento que intentas desarrollar un estilo consistente. Se siente como si pudiera estar en algunos libros infantiles o algo así. Este es un patrón interesante. Una vez más, como dije anteriormente, como intentarlo y mostrarlo en textiles como sofás o telas. Estoy tratando de agregar esa textura ahí como almohadas y decoración, intenta agregar tus elementos en un bonito maqueta. Creo que eso realmente funciona. Pero me siento como fotografía ahora pero intenta tener dos sitios web separados. Es bastante barato tener un sitio web hosting en Wix es bastante barato. Si sólo voy a sobre página, volver a mi foto eso está bien. No coincide con tu fotografía, que tu fotografía es muy vibrante y colorida y tienes blanco y negro. Obviamente podrías ser tímido pero como agregar tu personalidad, agregar un poco de texto, hablar un poco de ti mismo o de tus metas o algo así. Creo que eso realmente va a ayudar pero sí. A continuación tenemos a Arif Hossain. Primero quiero aterrizar en tu sitio, .myportfolio.com. Yo sólo iría directo a su trabajo. No vayas a sobre página porque te estás enfocando en ti mismo. Es ser más egocéntrico. tanto que quieres enfocarte en los clientes. Soy de Bangladesh, después de trabajar varios años en Upwork as a VA, he decidido explorar mi viaje durante mi camino de aprendizaje. Este gradiente gris, creo que deshazte de él, sólo manténgalo blanco el fondo. Intenta hacerlo personal como digo “Hey”, o algo así. “ Oye, soy Arif”, intenta que sea más amable personal. Esta imagen es muy grande, un poco de una imagen de baja calidad. Intenta conseguir una toma de retrato, ten un buen retrato, consigue a tu amigo que tenga una cámara o tal vez tengas una cámara que no conozco. Volvamos al trabajo. “Hola, soy Arif”. Saca la imagen de la espalda, eso no funciona. Intenta enfocarte en el cliente, así que si quieres trabajo de diseño digamos, ayudo a las empresas de tecnología a lanzar decir startup con diseño de interfaz de usuario, algo así. Deshazte de esto también. Encuentra deshacerte de los vínculos sociales, como hacerlo centrado en el cliente, hablar de cómo los ayudas o lo que haces. Soy diseñador de UI/UX para pequeñas startups en Bangladesh o donde sea que esté la ubicación. Desplázate hacia abajo, no me gusta la imagen de atrás, deshazte de eso. ¿ Por qué? Es distraer. Queremos enfocarnos en los proyectos en las maquetas. Creo que éste más destaca. Ve esta maqueta que está bien, esta está bien. Ahí puedo ver tu cara. Tu cara está enojada, aprende a sonreír. Puedo ver que esta es un poco demasiado detallada para la imagen de portada, estas también son blancas. Intenta añadir los colores de la marca en el fondo y tener un gran fondo. Vamos a saltar a esta, la parte superior, así que a veces cuando estás centrando texto como este, no
se ve bien, es más difícil de leer. Alinear a la izquierda el texto, todos los textos, alinear a la izquierda y tal vez ponerlo en el lado izquierdo. El color de fondo, no sé si es parte del color de la marca, no
se parece porque puedo ver verde jade claro oscuro y luego colores azul marino. También tal vez solo asegúrate de que los encabezamientos sean relevantes. Puedes ir al rumbo dos veces, eso no tiene sentido así que corta eso. Corta estos el negro, no se ve bien. Supongo que solo manténgalo blanco. Si tienes un fondo coloreado, si es de fondo blanco usa negro. Entonces también como parte de mi asignación he creado cuatro páginas de aterrizaje para pruebas A/B. Intenta dar un poco más de contexto. Simplemente digamos que el reto era crear una página de aterrizaje para una empresa de logística e hicimos una prueba para ver cuál era más efectivo y luego hablar de la solución. Terminamos teniendo el modo más oscuro más exitoso, lo que sea. Por favor avísame lo que más te gusta. Deshazte de esa pregunta. Si un cliente viene aquí o quieres que te contraten para un trabajo que es que estás tratando de conseguir tus críticas, estás tratando de conseguir un cliente. Se puede decir que necesita ayuda con su proyecto logístico y tal vez ponerlo en la parte inferior. Pasemos por aquí, requisitos. Ponga todo esto en la parte superior, creo que eso es más relevante. No hables de la maqueta, solo corta eso. Corta esto, proyecto cuatro asignación, no
tienes que decir eso. Una versión en vivo, cool. Está bastante limpio, bastante bonito hay demasiado espacio aquí, el título allá. Intenta y evita bajar Ipsum, intenta poner tu en texto. Pero es un diseño de sitio web estándar, está bastante limpio, eso está bien. Puedes compartir toda la página, intentar y tal vez mostrarla en una maqueta. Tener pantallas maquetas, creo que eso es lindo mostrar así a través de toda la página de aterrizaje. Pero está bastante limpio, bastante bueno. Entonces tienes la versión oscura. Me gustaría ver más maquetas solo para que la gente pueda visualizar las características del sitio web. Estas características para más detalles [inaudible] contacto. Es necesario tener un llamado a la acción. ¿ Qué quieres que haga la persona fuera de esto? ¿ Quieres que se pongan en una llamada contigo? ¿ Quieres que te envíen un correo electrónico? Porque estas cosas son irrelevantes para esto. Ya veo que es un proyecto estudiantil, eso está bien, dijiste que es tu tarea, creo que lo entiendo. Pero esto podría no ser relevante para alguien que esté mirando tu cartera. Prueba otro email profesional como puedes comprar un email de Google por cinco dólares al mes, no
es tan caro. Se ve más profesional y trata de tener tu nombre, conjunto de palabras solo sí, sido profesional. El contacto está bien, guarda las cosas sociales en la carpeta. Esto es difícil de ver y leer esas cosas, así que deshazte de esto. El feedback, una vez más, deshacerse de eso. A lo mejor este es tu proyecto de clase, lo
envías a tu profesor no lo sé, pero a mí intenta mantenerlo relevante para conseguir trabajos en trabajo freelance. Esto también es similar. Simplemente intenta mostrar más maquetas visuales en lugar de mostrar toda la página porque tienen que desplazarse, es muy largo. Intenta compartir tu trabajo cuál es tu proceso, cómo lo creaste desde cero, y para mí bocetos a la interfaz de usuario se burla a la entrega. Pero en general, es un buen comienzo y espero que eso ayude.
13. 12 próximos pasos y gracias: Muchas gracias por tomar esta clase. Espero que ahora tengas una comprensión de cómo crear un portafolio o un estudio de caso que realmente pueda impulsar tu trabajo y hacerte destacar para que puedas conseguir más clientes, conseguir más trabajo y tener confianza en tu capacidad de diseño. De verdad te agradezco si puedes hacer tu proyecto de clase, todos los detalles están en la sección del proyecto. Puedes bajar y hacer clic en eso en la plataforma Skillshare y habrá una plantilla y también un PDF donde podrás descargar. Asegúrate de aplicarte e intenta crear un proyecto conceptual. Puede ser de un cliente pasado o simplemente puede ser
un cliente que usted hizo y hacer que ese estudio de caso subirlo para ser manos, y voy a estar seleccionando un ganador y ellos ganarán una membresía premium de un año en Skillshare, que suelen costar más de 100 dólares, por lo que obtienes un año entero de forma gratuita. Haz eso antes del 30 de septiembre para estar en la carrera para ganar eso, y seleccionaré el mejor diseño y caso práctico. Recuerda, necesitas compartir tu trabajo, poner tu trabajo ahí fuera y empezar a crear una cartera increíble que te pueda ver. Asegúrate de poner en el esfuerzo y hacer lo mejor posible, y estoy seguro que crecerás como diseñador. Muchas gracias por ver. De verdad te lo agradezco si también haces clic en
el botón de seguir en Skillshare para que te
informen de todas mis nuevas actualizaciones y nuevas clases que están saliendo este año y en el futuro. De verdad lo aprecio. Muchas gracias Nos vemos la próxima vez.