Cómo crear una cartera de UI/UX

1. Introducción: Oigan, chicos, hoy se va a repasar cómo crear aux ustedes yo portafolio. Estaré compartiendo algunos consejos y trucos y mejores prácticas, pero para poner mi dinero donde realmente se publique mi boca. El sitio web que creé en esta clase y sí se puso destacado en mejores folios dot com. Una de las razones por las que estoy haciendo este video es que en realidad he ayudado con el reclutamiento y algunos de mis papeles pasados, y acabo de ver miles y miles de portafolios, y a menudo veo muchos de los mismos errores. Entonces estaré compartiendo algunos do y dudas y algunas cosas que aconsejaría a todos que evitaran pero también realmente encareciendo las cosas para conseguir un trabajo a la gente. Y no sólo eso, sino que si ya llevas un tiempo trabajando en tu portafolio, estaré compartiendo algunos consejos y trucos para moverse por un trabajo que tiene un nd a Ese es un problema bastante común para la mayoría de la gente. Haces algún trabajo increíble, pero que nunca se hace realmente uso, así que te pone en un punto difícil de lo que deberías hacer con él, y te estaré mostrando algunos consejos al respecto también. Pero creo que eso es todo. Entonces, empecemos 2. Consejos generales: De acuerdo, Entonces antes de que realmente nos sumergamos en hacer el sitio web, creo que es mejor repasar un par de puntos fundacionales. El 1er 1 es que eres diseñador. Entonces lo que quiero decir con eso es que espero que un diseñador tenga cierta visión visual. Espero que la gente sea capaz de hacer un trabajo que se vea al menos decente. Entonces cuando saco un portafolio y lo primero que veo no es muy atractivo visualmente, es una señal enorme para mí porque espero que un diseñador tenga al menos cierta experiencia fundacional al hacer que las cosas se vean bien. Y todos sabemos que, como simplemente hacer que las cosas se vean bien no es todo lo que hace un diseñador. Pero es una tarea básica que espero que todos puedan hacer. Número dos es hacer tu intención y habilidades realmente obvias. Eso Lo que quiero decir con eso es si me desplaza en un portafolio y veo ocho proyectos diferentes y todos están en diferentes campos productos físicos de verano, digital de verano, branding de verano, gráficos de verano y publicidad no tengo ni idea en qué va a ser buena una persona, así que tu trabajo y tu portafolio y él simplemente me grita sobre qué? Eres bueno en lo que eres talentoso porque no te estoy contratando para que hagas ocho cosas diferentes . Te estoy contratando para que seas bueno en una cosa. Por lo que solo recuerda hacer eso obvio y dejar tu intención muy clara en todo tu portafolio. Mi tercer punto es probablemente uno de los más extraños para todos. Y eso va a ser usar una plantilla y lo nuevo donde estás pensando, ¿Por qué un diseñador? Es una plantilla cuando mi trabajo es diseñar cosas nuevas y armar cosas nuevas. Y esa razón es porque no quieres que nada distraiga de tu trabajo. Veo a mucha gente que intenta diseñar sus propios sitios web en alguna cosa fresca, nueva, nueva, llamativa que termina distrayendo de su trabajo y me impide ver y enfocarme en el trabajo. En cambio me enfoco en el medio que funciona, presentado en el que no es lo que quieres. Quieres que la gente se concentre únicamente en tu trabajo, y lo bueno de las plantillas es que ya toman muchas decisiones por ti. Entonces si te preocupa qué fuente, qué tamaño, qué color usar en las cosas. Plantillas ya tienen eso bueno para ir por ti. Y también son sensibles en el móvil. Entonces, si alguna vez piensas en ser diseñador móvil, es mucho más fácil ¿Muerte? No, esa cosa va a ser atendida. Así que por favor, solo squarespace, Wix, cualquiera que sea el uso del constructor de sitios, echa un vistazo a las plantillas, y al menos úsalas como base para construir en la 4ta pieza para esto es Por favor, por favor por favor no subas el pdf jpeg, PNG, cualquiera que sea el tipo de imagen con texto agrupado en él. Este es un ejemplo rápido de lo que quiero decir. El motivo por el que esto es una mala idea es porque esto no responde. Entonces si va a diferentes navegadores Web o incluso va al móvil, se va a machacar muy pequeño. Y el texto no va a ser legible. Y no sólo eso, sino que es malo para la optimización de motores de búsqueda. Verás algunas de esas cosas, y algunos de los constructores del sitio básicamente motores de búsqueda. No van a poder leer el texto que está en las imágenes. Por lo que vas a perder mucho del texto descriptivo en tu sitio web y no podrás ser buscado es fácilmente lo que no es lo que quieres con tu portafolio. 3. Comienza a construir el sitio web: bien, así que ahora en realidad comenzará a crear un sitio web de portafolio. Y estaré usando el proyecto de un amigo para este portafolio. Y ella fue muy graciosa y en realidad me dejó trabajar con ella para armar este portafolio . Por lo que este es un portafolio real. Estaré juntando eso. Estos ejemplos van a estar en vivo, y ustedes pueden sentirse libres de revisar la página web. Um, para que puedas referir otros proyectos. No voy a pasar por todo, pero voy a pasar por algunos de los grandes procesos de cómo creamos este sitio web, algunas de las partes principales del mismo, y sí usé Wicks para construirlo. Ustedes pueden ver y tipo de aprender algo sobre Wicks si nunca escucharon hablar de él o escuarespace o lo que sea constructor que prefieras. Pero tipo de los consejos y fundamentos de cómo colocar cosas en los proyectos serán los mismos, y seré aplicabilidad. Y no voy a pasar demasiado tiempo en cómo en realidad armar todo y mechas. Pero obtendrás suficiente de una fundación para hacerlo tú mismo. Entonces, empecemos. Entonces si vas a Wickes dot com y ya tienes algunos sitios. Así será como se verá. Puedes ir a crear nuevo sitio aquí y otra vez. Este proceso va a ser bastante similar para cualquier constructor de sitios web como Squarespace o algunos de los otros que existen. Um, y se puede pasar un poco, responder un par de preguntas y realmente sólo una especie de elegir una plantilla. Y la mayoría, las bibliotecas de plantillas que existen ahora son bastante expansivas. Tienen mucho para elegir. E incluso ahora tienen, como, como, portafolios de diseñador que puedes elegir. Um, así que de nuevo, definitivamente sugiero escoger uno de estos y tipo de ajustarlo y editarlo a tus necesidades. Eso sólo te va a dar una base realmente fuerte. Muchos de estos ya responden los tamaños. Son buenas imágenes se ven geniales. Entonces, solo sigue adelante y empieza con uno de estos. Entonces si vamos por aquí, este es el que seleccioné y en realidad lo elegí por una razón muy específica. Es bueno y maximiza esto. Esto me gustó mucho. Revela animación aquí mismo. Y eso es algo de lo que como que quiero construir. Pero si te desplazas hacia abajo en el resto del sitio. Este, es bastante guay, pero pasa mucho. Entonces lo que en realidad voy a dio es una especie de solo separarlo y simplemente tomar este elemento principal y luego borrar todo lo demás. Y eso todavía va a usar el poder de la plantilla también. Porque si haces click, olvídalo. Al igual que en cualquier texto, notarás que ya tiene temas. Entonces todo este Texas tamaño y tipo de listo para ir. Entonces, aunque elimines muchas de estas cosas, todavía te estás volviendo como el poder de la plantilla. Entonces mi objetivo es realmente sólo mantener este tipo de ventana y todo lo demás por el momento , solo voy a eliminar a alguien por quien pasar y empezar a quitarse pedazos. Pero voy a adelantar esto rápido porque no va a ser divertido sólo verme borrar un montón de cosas. De acuerdo, entonces ahora realmente sólo tengo un esqueleto de pie. Esa plantilla anterior lo estaba, pero eso está bien, porque tenía mucho pasando, y realmente tenemos este elemento principal, y eso es con lo que queremos seguir adelante. 4. Cómo estructurar tu sitio web de portada: Entonces esto es lo que voy a usar para mostrar los proyectos destacados en la página de trabajo. Y la forma en que voy a romper este portafolio no es realmente en tres páginas principales. Esa va a ser una página de trabajo que va a funcionar es tu página principal y sobre page metal house como tu currículum y parte de tu información y un formulario de contacto y luego tus páginas de proyecto. Entonces es realmente bastante simple con esas tres partes. Y lo primero que voy a hacer es una especie de hacer la imagen de bienvenida y cabecera. Y voy a usar eso como un lugar para que tengas una descripción de lo que hace el diseñador aquí y una especie de introducción, si quieres. Entonces, ¿qué podemos hacer? Vamos a seguir adelante y contestar texto, y entonces es genial porque ya tengo temas. Texto aquí a ti para que solo puedas agarrar a quién teniendo tres. En realidad, eso ha cambiado esto. Es un poco demasiado grande, fuerte rumbo hacia ti, y eso es como Teoh. Y entonces lo que podríamos hacer es escribir un nombre aquí, Um, Um, y de nuevo, estoy usando la información de un amigo aquí porque esto va a ser un portafolio real. Entonces si estoy usando el nombre de alguien, como que sabías por qué. Entonces con lo que puedes empezar aquí es como una simple introducción de un nombre. Esto es bastante común. Las personas ponen su nombre en su primera página y luego copian y pegan esto. Y entonces podemos agregar algún texto sobre quién eres más, tú párrafos uno Así que para introducción, texto y especie de fondo de quién eres, lo que me gusta dio se incluye tu puesto actual o tu puesto de trabajo, que quieres tener una especie de cómo estás consiguiendo tu portafolio. Y si trabajas en alguna parte, sí me gusta en Despejado eso aquí mismo, justo en el blurb frontal. Justo, demuestra que eres un profesional o tal vez tienes experiencia profesional. Va a tener ese puesto de trabajo ahí mismo. Y luego sólo una especie de blurb rápido y rápido sobre lo que dio. Y entonces siempre me gusta incluir aquí algo tipo de peculiaridad. Mi amigo en realidad construye minúsculos muebles, y eso va a ser como uno de los proyectos que estoy incluyendo. Será un proyecto bastante pequeño, solo un par de imágenes, pero sí agrega una especie de aspecto diferente a un portafolio, y muestra eso, como si también fueras un ser humano. No se trata sólo de trabajo. Y así lo voy a mandar en la página apenas a punto. De acuerdo, así que una vez tengamos un nombre y voy a seguir adelante y, como, editar este encabezado aparece Y lo que hice justo ahí arriba con el menú fue que acabo de escribir estos elementos a este verde. Todo eso significa es que cuando nos desplazamos, esos elementos se van a quedar donde están fuera, y eso en realidad quedó de la plantilla original. Pero es un elemento que me gustaría replicar para esto. 5. Añade personalidad a tu página de inicio: otro aspecto es ¿Quién eres como diseñador? Eso es importante. A pesar de que sí dije usar una plantilla antes, sí necesitas dedo del pie, un poco de estilo como no tengas miedo de ser tú mismo en tu portafolio y nos meteremos en algunos métodos y consejos más adelante en esta clase sobre cómo hacerlo. Pero definitivamente nunca tengas miedo de ser tú mismo. Está bien tener personalidad en un portafolio. De acuerdo, entonces ahora que tenemos un nombre y una especie de descripción de rol anterior lugar de trabajo y luego solo un blurb rápido sobre lo que pasa, también añadiré una pareja como una imagen o algo pasando aquí a la derecha solo para hacer la página un poco más interactiva. Entonces lo bueno de usar muchos de estos constructores de sitios es que a menudo tienen muchas formas similares y arte vectorial ya listos para ir por esto. Voy a jalarla en un par de formas, Um, porque esto realmente encaja con el estilo de un diseñador para el que estamos juntando esto y agrega un poco de interés en el lado derecho de esta página. Entonces no es solo texto sino que usaré ese mismo proceso y seguiré adelante y agregaré un par de formas por aquí, y avanzaremos rápidamente a través de eso. ¿ De acuerdo? Y ahora que tengo sus formas en la página y los colores acaban de jalar de algunos colores anteriores a previamente discutidos con este diseñador, Así que siempre es bueno Teoh tipo de tener los decididos de antemano y también como este texto en general, sé que lo copié y lo pegué, pero es una buena idea seguir adelante y escribir la mayor parte de las cosas. A medida que pasemos a proyectos, adjuntaré un documento que usé para poner proyectos y en realidad teclear mis textos antes empezar a diseñarlo. Y me dieron show chicos un ejemplo de eso una vez empezando, retrasando un proyecto hacia fuera. Pero otro aspecto genial de usar un constructor de sitios es que puedes usar algunas animaciones leves, y por lo general no me gusta ir demasiado por la borda con estos. Pero es bueno simplemente agregar un poco de movimiento a algunos de estos elementos y vamos previsualizar esto Esto Sí, se ve, y lo que voy a dio es simplemente replicar esa animación en cada una de estas formas 6. Qué en lo que los proyectos se van a entender y cuánto deben serlo: Entonces, una de las primeras cosas con las que te toparás cuando estés armando un portafolio es ¿en qué proyectos debes poner? La primera parte de esa respuesta se pone en proyectos que quieres hacer, como ¿qué quieres hacer para una carrera? ¿ En qué tipo de trabajo quieres meterte? Si te gustan los APS móviles, entonces la mayoría de los que trabajas tiene que estar en dispositivos móviles. Si te gustan los sitios web, la mayoría de tu trabajo necesita ser sitios web. Suena bastante simple, pero en realidad la gente se equivoca mucho. Y cuando divides tu foco y como dos o tres cosas, dejé de creer que eres realmente bueno haciendo lapse móvil o productos físicos y sitios web. Por lo que generalmente es mejor mantenerse enfocado ahí, y la segunda parte de eso es el tema del proyecto. Si no es algo que hiciste profesionalmente y facilidad de uso algo de lo que te apasiona , y la razón que es es que solo pasas más tiempo en cosas que te apasiona. También hablas de manera diferente de cosas de las que te apasiona, y eso suele ser muy obvio en el trabajo en el que se trabaja. Y también es muy obvio más adelante cuando te metes en el proceso de entrevista y comienzas a hablar de ello. Y confía en mí, eso hace una gran diferencia cuando alguien está hablando de algo apasionadamente, y la cosa es, que realmente no vas a rediseñar la rueda o hacer un nuevo negocio de $1,000.000.000 con un caso de estudio, por lo que es mejor apegarse a tal vez a un problema con el que estés familiarizado. No pases demasiado tiempo tratando de averiguar un nuevo problema loco o una nueva solución loca. Pero sólo asegúrate de que el área en la que te enfocas es algo que te apasiona y confía en mí que te ahorrará mucho tiempo en el futuro. Entonces, un tema común de discusión es ¿cuánto tiempo deben durar los proyectos de cartera? Y no hay una receta exacta para exactamente cuánto van a ser los proyectos. Pero puedo decirle a todos que no lo hacen demasiado largo. Entonces tu objetivo es realmente explicar los aspectos más destacados de tu proceso, y podrías guardar decisiones más granulares para más adelante en entrevistas, Um, pero solo nadie tiene tiempo suficiente para ver cada decisión que tomaste en un proyecto , por lo que es mejor simplemente mostrar aspectos destacados de esas decisiones y tipo de mantenerlo al alcance medio a corto para un proyecto porque nadie va a poder tomar 30 minutos fuera de su día para leer un proyecto completo como un artículo medio. Así que solo mantén las cosas en el lado más corto. Um, y mientras esa primera parte sea buena y tus aspectos más destacados de tu proceso sean buenos, al menos vas a poder meterte en una situación de entrevista donde puedas explicar mucho más de esas decisiones más adelante. Pero no sientas la necesidad de ir realmente solo artículo medio sobre él y tener un enorme, largo proyecto de desplazamiento, nenas. 7. Diseña tu casa (trabajo): De acuerdo, Ahora que este bit está hecho, esto va a servir es nuestra página principal y especie de lo primero que ves una vez que caigas y lo siguiente, vamos a querer llegar de inmediato al trabajo. Um, una de las cosas con las carteras es que está bien tener algún tipo de introducción, como imagen o bit justo al frente. Pero más o menos el siguiente paso absoluto solo necesita ser tu trabajo, porque necesitas pensarlo en el contexto de un reclutador. Al igual que si alguien está mirando 100 sitios al día, realmente quieren llegar a tu trabajo con bastante rapidez. Por lo que puedes proporcionar algunos enlaces aquí arriba o simplemente asegurarte de que la siguiente parte de esto va a ser tu trabajo. Y entonces lo que vamos a estar haciendo aquí es que voy a reemplazar esta imagen por el primer proyecto. Entonces una vez que entre ahí la primera imagen, en realidad voy a cambiar el color de fondo para que coincida con el teléfono de aquí. Es buena idea tener de antemano este tipo de anotado o guardado en cierto lugar. Si lo estás diseñando en otro, como ilustrador un boceto W X D o algo así. Bien. Y guarda los colores que quieras usar, solo puedas aplicar rápidamente los códigos hexagonales. Eso es lo que voy a ir dio referenciando otro archivo para qué color realmente quieren usar aquí. De acuerdo, así que tenemos el color no va a escuchar lo que voy a hacer es realmente mover este texto porque en realidad no quiero que esto se superponga con el teléfono. El motivo que es porque en realidad estamos perdiendo algo de texto en esta imagen. Y a pesar de que podría ser un elemento estilístico fresco si se superponía, bueno, sacrificar estar más para leer texto para ello. Entonces voy a tirar de estos y sólo un poco, um, nosotros contratamos esto también. Ahora podemos previsualizar esto. De acuerdo, así que sigue recibiendo esa animación que nos gustaba antes. Sube el de ahí arriba. En realidad voy a tirar de estos elementos sólo para estar un poco cerca de ti juntos. ¿ De acuerdo? Voy a añadir un botón aquí también. Y ese botón va a ser el que nos lleve al proyecto real para que solo podamos escoger el botón temático que ya tienen. Listos para salir y luego cambiaremos el texto a Misil. Sólo tienes que guardarte Project Preview que lo genial de usar estos botones temáticos es que ya tienen estados de hover y estados rápidos. Entonces es agradable que esa interacción añadida se hiciera casi de inmediato. Este es un ratón animado que vamos a añadir el blanco y la animación, y eso es sólo para que sea lo mismo que todas estas otras cosas antes. Entonces si previsuas eso, lo conseguimos todo el planeador que está mirando como lo queremos volver al editor. Puedo seguir adelante y actualizar este texto está bien, así que voy a sacar aquí. Este es en realidad mi trabajo profesional de amigos. Es nuestro trabajo desde Verizon Connect. Y si tienes experiencia laboral profesional, siempre te aconsejo que sea el primer proyecto, porque en general ese es el trabajo en el que tienes más profundidad. Es cosas que la gente te pagó a dio. Entonces es muy importante que si tienes trabajo profesional, asegúrate de que eso es lo que está de frente y centro andan usan casos prácticos como el trabajo de la escuela puede venir después de eso porque sé que sí toma. Hace falta bastantes años antes de que sí tengas mucho trabajo, Pero de nuevo, solo mantén tu trabajo profesional siempre primero en la página. Entonces si consigues esto una vez más, está bien, se ve bien. Volverá al editor. Ahora lo voy a hacer aquí es realmente replicar esta misma cosa exacta y me aseguraré que esto realmente esté haciendo lo mismo que yo quiero. Y tiene el efecto revelador, y eso fue arrastrado de la plantilla original. Y eso es lo que va a hacer que esta próxima parte, uh, realmente se vea bastante guay. Entonces solo estoy copiando y pegando esto sobre impresionante. Eso funcionó divertido. Y entonces esta será la siguiente página del proyecto. Así que adelante y deja caer esta siguiente imagen y y probablemente rápido para este bit es Bueno, vale, ahora que tengo estos dos proyectos en, voy a seguir adelante y previsualizar. Esto comenzará desde arriba comenzando esa animación en y otra vez, El primer proyecto es el trabajo profesional aquí, y el segundo va a ser en realidad un caso de estudio. Y debido a que copiamos y pegamos estos elementos directamente sobre, en realidad consigue ese efecto revelador bastante fresco y el proyecto cae debajo. Pero voy a empujar un poco este texto porque esto está bastante lleno. Bueno, tal vez lo dejemos. De acuerdo, entonces eso debería ser bueno para los 1er 2 proyectos. Y solo para referencia a este 1er 1 es un proyecto profesional. En este próximo será un caso de estudio, y voy a repasar formas de presentarlos. Este, amigo mío, en realidad no puede mostrar todo porque parte de él aún no está liberado. Entonces voy a estar hablando de cómo explica el dedo del pie cuál es su papel ahí, Um , y para este, éste sea un caso de estudio más tradicional, y voy a pasar por todo el proceso de cómo se presenta esto, y así para la siguiente parte. Por lo que necesitamos deslizar estos elementos hacia abajo en un año un poco lleno de gente, así que solo arrastra esto hacia abajo. Si sí planeas usar mechas, Si usas este arrastre, en realidad empuja todos los elementos hacia abajo. Por lo que suele ser mejor usar drag que a un click y mover algo. Entonces rastreamos eso. caso de que yo de todo realmente voy a eliminar este color de fondo también. En realidad, sólo voy a borrar todo esto, ¿de acuerdo? Y así voy a contar con tres proyectos aquí, para que solo podamos copiar y pegar esto de nuevo. No, adelante y cambia el fondo de tira para esto. Mira, solo hazlo un color es un marcador de posición. Es morado. Entonces no estaré agregando este proyecto para esta clase sólo porque sería demasiado largo. Pero voy a contar con tres proyectos aquí y luego debajo de eso lo que voy a hacer es en un slider. ¿ Es ese un deslizador aquí abajo para otro trabajo? Porque probablemente tengas más de tres proyectos. Realmente deberías apuntar dedo del pie tener, yo diría que al menos cinco si tienes proyectos realmente largos, que no animo exactamente. Pero si ahí hay mucha profundidad, puedes salirte con la tuya teniendo menos que eso. Pero por lo general apuntaría a como, cinco proyectos sólidos s o.Voy a estar agregando un slider aquí como una presentación de diapositivas sólo para que podamos mostrar algo de trabajo. Uh, eso se ha hecho, así que solo puedes agregar un slider aquí abajo y previsualizar esto Así que vuelve al final de su no te vuelves al editor. Y lo que hago aquí también es estirar esto para engañar porque todo lo demás en el sitio está lleno de, um y hacerlo un poco más grande. ¿ De acuerdo? Y luego arrastraremos esto hacia arriba. Voy a dejar un poco de espacio en blanco aquí, en realidad. De acuerdo, así que solo desde arriba, tenemos nuestra introducción, y esto va a ser lo que vas a hacer. Y luego tenemos nuestro primer proyecto. Siempre debes poner de frente tu primer proyecto a tu trabajo profesional. Aquí habrá un caso de estudio, y luego aquí probablemente tendrá 1/3 proyecto u otro proyecto profesional. Simplemente depende de cuánto trabajo tengas. Y entonces aquí lo que tendremos es, como, otro trabajo, porque tenemos tres proyectos destacados. Pero probablemente haya más que eso. Por lo que podemos agregar a la gente agregar el encabezamiento tres será bastante punchante con él. Y así si vuelves a subir a la cima, te darás cuenta de que en realidad, mi amigo construye minúsculos muebles. Um, en realidad es bastante interesante, y ella es bastante buena en ello. En DSO realmente vamos a incluir eso en su cartera. Entonces esto es lo que se dedicará esta pequeña presentación de diapositivas de fondo. Teoh, no voy a cambiar mucho aquí, pero podemos seguir adelante y cambiar estas diapositivas, y lo que voy a hacer aquí es sólo subir imágenes de sus diminutas casas. Es como un pequeño amigo compartir casas diminutas. Y no, no necesariamente está relacionado con su trabajo diurno, Pero es algo bastante interesante que muestra artesanía y personalidad y otro aspecto. Entonces sí animo a todos a poner como un tipo de proyecto paralelo o uno como proyecto de pasión ahí dentro que no tenga que estar relacionado con productos digitales, así que definitivamente siéntete bien para hacer eso. También ayuda a tu personalidad tipo de definir quién eres, Um, pero subiré esas imágenes y solo me quedaré con este es un marcador de posición por ahora. Pero justo ahora que cuando veas el producto final, por eso. Agregó que, Y así para el pie de página, esto es bastante estándar. El template que elegiste puede tener esto dispuesto para ti. Bueno, um, pero siempre es sólo bueno. Teoh, tal vez poner como contactos sociales en la parte inferior exceso algunos presets para estos y para ti. Lo que haces es simplemente vincular cada una de estas Teoh tus cuentas sociales, y esto también ayuda con Seo por lo que es más fácil para los motores de búsqueda encontrarte si todo está vinculado aquí. Y siempre me gusta agregar, um, un par como botones que llevan a Teoh otros lugares del sitio. Entonces acabas de agarrar ese botón. Este es el mismo. Me moví, uh, mismo cuando usaba en la barra de menús. No cambies el texto aquí y solo podemos hacerlo en contacto. Y entonces lo que eso va a hacer es justo si están al final de esa página, siempre saben dónde encontrarte. También puedes poner esto es currículum o algo en esas líneas, o incluso tener, como, una navegación a algunos otros proyectos. Pero esta es una apuesta bastante segura para un pie o diseño y otra vez para la versión final. No lo haré aquí, pero saldré y poblaré esto con otro trabajo sólo para mostrar un ejemplo de eso para el sitio final. Y esto también tendrá minúscula imagen de muebles en la que no nos meteremos ahora mismo, Así que eso es más o menos por lo que va a ser nuestra página principal. Y de nuevo, tu página de trabajo es tu página de inicio. Tendremos que cambiar eso. A mí me gusta, Pero tienes tu introducción. Tienes tu primer proyecto, y puedes o bien diseñar esto en una cuadrícula o algún tipo de imagen horizontal como este Segundo proyecto. En tercer lugar, me gusta contar con 2 a 3 proyectos, y luego puedes tener otros trabajos dispuestos. No obstante, pareces en forma, pero volveremos con el editor abajo, y adelantaré rápidamente algo de esto solo para hacer algunas cosas de limpieza. Y si nota alguna ligera diferencia en la versión final, eso es sólo porque tenía editar algunas cosas en algún momento de todos modos. Entonces no hay nada drástico ahí si algo es un poco diferente. 8. Cómo diseñar tu página Acerca de la página sobre la página: Entonces en lo que podemos meternos ahora en realidad es ir del pie a nuestra página sobre, que aún no está vinculada a nada. Y también voy a hacer algunas ediciones rápidas en este menú, y vamos a adelantar rápido hacer eso. Así que adelante y agrega una nueva página, y este será nuestro sobre cerrar página. Es útil para ti porque la cabecera en el pie ya consiguió departamento más. Entonces lo que haremos aquí es solo agregar alguna información sobre ti o Shannon en este caso, el diseñador. Y si estás usando de nuevo un constructor de sitios, puede ser útil mirar alrededor y ver si hay algo que puedas usar aquí. No tiene sentido rediseñar la rueda. Si algo ya funciona bastante bien, en realidad me gusta este. Creo que éste es bastante guay. Este es el que uso y definitivamente cambiaré este texto aquí para que coincida con nuestro tema. Entonces en sobre páginas, por lo general puedes tener una explicación más larga de tipo de quién eres, lo que dio eso acaba de llegar a interpretación. Ahí. Lo que quieras poner, sí me gusta tener botones muy obvios para un currículum. Um, porque la gente va a querer eso. Teoh. Si tu trabajo es bueno, definitivamente van a querer ver tu currículum. Y es bueno mantenerme eso sobre Paige y mantenerlo bastante obvio. Y me llevaré un poco el diseño su prueba también. Y depende de ti la cantidad de información que quieras dar sobre ti también aquí. Um, definitivamente no daría una dirección postal exacta así que no haría eso demasiado fácil encontrar. Pero creo que está bien, como, decir, decir, dónde vives y tal vez contar un poco de tu historia aquí. Es así como un poco más de interés a tu trabajo como pone una cara detrás de él. Entonces es así que está bien tener algo de información aquí, pero de nuevo, no te arrojes tu Seguro Social ni algo así. Pero el diseñador haciendo este cuarto, en realidad de Delaware pero fue a la escuela y ahora trabaja en Atlanta. Um, entonces qué tipo de hacer de eso un aspecto de ella sobre página también. Si puedo deletrear Atlanta correctamente, realidad lo va a usar de manera diferente en formas 40 rumbo a tal vez así. Esta es más o menos la fórmula utilizada para unas páginas, puedes agregar justo cualquier interés visual aquí que quieras también. Um, por este, voy a sumar como una imagen del estado. Es una buena o sobre página y luego acaba de conseguir el icono de Stella Rare. Y en realidad no vamos a dejar que sea así de grande y vamos a mandar esto de vuelta. Y para mantenerse en línea con otras animaciones de esta página, voy a hacer thes Clyde y sólo un poco. ¿ Ves cómo funciona eso? Normalmente no pasan por encima de la cima con animaciones. Me gusta pegar dedo del pie una animación como solo uso el glide aquí. No me gusta mezclar múltiples animaciones. Normalmente es bastante loco. Andan puedes actualizar. Por supuesto, actualizaré esta imagen antes de que el sitio web realmente se ponga en vivo. Pero también agregar. Y este es muy importante formulario de contacto. Puedes elegir entre cualquier forma prefabricada como quieras. Es muy útil tener uno de estos. Definitivamente necesitas uno. Entonces solo agarras tipo de victoria genérica y minimizaré esta jugada con un tamaño un poco. Entonces lo que haré es ir adelante aquí y editarlo y asegurarme de que sea nuestro tema. Pero voy a ir y rápido por esta parte. Está bien, ahora que eso está arreglado. Por lo que de nuevo, la parte principal de esto es que puedes tener una imagen de ti mismo. Definitivamente siéntete libre de hacer eso porque la gente te va a buscar como entonces. En fin, um, ten un enlace a tu currículum, y lo que puedes hacer es simplemente convertir esto en alguna descarga rápida de PDF para que alguien agarre muy importante para incluirlo aquí. Um, puedes sentirte libre de contar la mayor cantidad de tus historias que quieras. Yo sí creo que es bastante interesante si esta porción es un poco larga. Eso definitivamente depende de ti. Y solo asegúrate de que haya un formulario de contacto también porque, créanlo o no, gente realmente te contactará a través de estos. Definitivamente recibo un par de mensajes en el mío cada semana, así que asegúrate de tener algún tipo de formulario de contacto. Y por si acaso no quieres poner como tu número de teléfono o cosas así en tu currículum, alguien tiene un lugar fácil para llegar aquí. De eso se trata. Para nuestro, um, sobre Page pensará. Mira eso otra vez. Creo que eso está bien durante la mayor parte del tiempo, así que volveremos a editor. Y entonces lo que podemos hacer es simplemente asegurarnos de que usen realmente vinculados a todo. Y de nuevo, esto va muy y lo que sea constructor de sitios que use. Pero si estás usando Wicks, um, es bastante fácil hacer esto para que solo puedas entrar y vincular cada uno de estos a la página y haremos lo mismo con contacto. Pero aquí el botón de contacto en realidad se vinculará a la página sobre, cual está bien, tan bonito que de nuevo volver a nuestra página de trabajo. 9. Cómo manejar el trabajo profesional que no puedes mostrar: Pero ahora podemos entrar en cómo vamos a presentar parte de este trabajo. El primero que haremos es crear una página de proyecto para esta experiencia laboral profesional. Y en este caso, realidad no podemos mostrar una tonelada de lo que Shannon hizo por un proyecto. Entonces voy a entrar en cómo podrías moverte por ahí que Sobel a ti acaba de conseguir a Adam tu página aquí, y luego llamaremos a ese zumbido. Esos son los productos del proyecto en los que trabaja. Así hecho. Entonces lo primero que voy a querer hacer para esto es tener una foto de belleza de lo que es el producto . Por lo que cada proyecto que dio necesita comenzar con un tiro de belleza. Entonces lo que podemos hacer aquí es solo ir anuncio y podemos en una tira y lo que va a ser eso. Por lo que sólo nos pondremos como una tira de imagen regular. Tomaremos este, y haremos esto mucho más grande. Y el propósito de esto es que quieres que esto sea alguna foto de belleza de tu proyecto. Pongo cada ideo de proyecto como éste. Entonces para esto cambiará el fondo y usaremos civil agarrar uno desde aquí y Esto es en realidad igual que una imagen de marketing genérica para el producto en el que trabaja, y también vamos a cambiar el color de fondo. Teoh las mismas calorías por delante. Por lo que aconsejo a todos que comiencen con algún tipo de imagen de belleza. Y de nuevo, no podemos mostrar los detalles nunca funcionan aquí, Pero podemos mostrar este tipo de marketing genérico del mismo y luego explicar el producto y su papel más tarde dicho. Seguiremos adelante y agregaremos otra sección aquí así que en realidad normalmente les gusta mantener el texto un poco más apretado, luego el equilibrio del sitio. En general, quiere que todo, cada pieza de contenido esté dentro de este tipo de lineamientos aquí a la izquierda y derecha, pero en realidad como texto para estar un poco más cerca que eso. Entonces, lo que puedes hacer es en realidad encender las líneas de cuadrícula y cualquier producto que estés haciendo. Entonces encenderemos a los gobernantes y entraremos sobre Puede que tengas razón alrededor de 200 así que solo un rápido ahora aquí, Um, Um, sí me gustan las páginas del proyecto de diseño del dedo del pie a mano. En realidad no me gusta usar plantillas para eso, pero si encuentras que la plantilla que estás usando tiene una página de proyecto realmente buena. Definitivamente siéntete libre de usar eso o simplemente hacer algo como lo estoy haciendo aquí. Mantengo todo bastante simple en la página del proyecto. No me gusta usar una tonelada de animaciones ni nada por el estilo, y me meto en por qué en un minuto no quieres que eso se ponga en cursiva. Entonces lo que me gusta a Dio es una especie de hacer bastante claro el título del proyecto. Yo rompo las cosas en, como, tres columnas esencialmente, y siempre me gusta dedo del pie izquierda una línea y guardo texto importante por sí mismo. Y luego te gusta un blurb de texto por aquí si lo necesitamos. Así que mantén tu título de proyecto bastante obvio a la izquierda, y luego puedes poner tipo de texto descriptivo a la derecha, y en realidad voy a usar estos libros de texto para medir aquí. Voy a adelantar este pedacito. Entonces en el caso de Shannon aquí con este proyecto, ella ha hecho mucho trabajo. Pero sólo lleva ahí unos dos años, así que no puede mostrar una tonelada de lo que ha hecho porque parte de ella no ha sido liberada, o parte de ella ha sido utilizada para tipo de presentaciones de hoja de ruta y cosas de esa naturaleza. Entonces lo que podemos hacer aquí es realmente solo hablar de cuál es su papel en el equipo. Y lo que me gusta hacer se acaba de explicar que no se puede entrar en detalle sobre las cosas, sino darle a la gente contexto del trabajo. hecho de que no puedas mostrarles exactamente lo que hiciste no significa que no puedas explicarles el tipo de cosas en las que trabajas. Una de mis mayores peeves de mascotas es cuando la gente simplemente completamente por contraseña protegen algo que entiendo que no puedes compartir cuál es exactamente tu trabajo. Pero con lo peor y más frustrante que hacer es simplemente poner, como, como, una imagen de belleza, ponerme realmente emocionado sobre qué, Cuál va a ser el trabajo. Doy clic en él y luego solo dice Password protected como si fuera, ¿Por qué? ¿ Por qué hasta ponerlo ahí? O sea, sé que la gente lo está poniendo ahí solo para demostrar que tienen experiencia profesional, pero al menos como dame algún contexto de lo que es porque la cosa con los proyectos, como todos han estado en la situación donde saben lo que es dedo del pie, tienen cosas bajo un nd a. Así que la gente entrevistando un portafolio entiende eso, Um, y si trabajaste para una empresa más grande, también es realmente útil porque suelen tener marketing. Um, y tienen mercadotecnia. Uh, tienen, como, como, contenido de marketing que ya han creado para muchas de estas cosas, así que normalmente puedes enchufar esas cosas en tarareo. Por ejemplo, el producto en el que trabaja Shannon tiene un video de YouTube, y lo que podemos dio en realidad es solo vincular ese video aquí y lo que eso le va a Dio acaba de dejar que alguien entienda el contexto de tu trabajo. Tomará un segundo y vivirá ahí, y así en la parte superior, tienes el nombre del proyecto. Aquí te dejamos una descripción sobre el papel de Shannon. No puedes entrar en detalle sobre todo lo que sentiste diseño, sino un video para darle contexto. Se podría hacer esto de otras maneras, también. Prefiero No trabajes demasiado. No tiene sentido volver a hacer trabajo profesional, Um, así que sólo explica que no se puede mostrar todo. Definitivamente no aconsejo a la gente que realmente muestre cosas, y luego agregaremos otro poco aquí abajo, y lo que hago es solo copiar y pegar este texto. De acuerdo, entonces algo como esto va a estar bien. Por lo que normalmente me gusta el dedo del pie tienen dos o tres métodos sobre cómo mostrar texto. Um, una especie de bloque de texto más pequeño que me permite, como, poner una pantalla por aquí o simplemente una especie de artículo tradicional como configurado o tener un título y luego texto aquí. A mí me gusta poder usar ambos, pero lo que va a hacer que oigan es en realidad hablar un poco más de los detalles del trabajo, Y no me refiero a los detalles es decir exactamente lo que se hizo o lo que estaba pasando, pero sólo algo así como, esencialmente la pieza en tu currículum, Um, y hablar de qué? Tu papel en la empresa Waas, qué cosas hiciste en tu día a día como la vida ahí funcionaba arrogancia. Pero sólo para dar algún contexto sobre lo que está pasando porque si te imaginas si volvemos, volveremos volvemos, volveremos a nuestra página de trabajo. ¿ Ves esta experiencia de aterrizaje? Está madurado sobre este proyecto. Tienes todas estas cosas aquí. ¿ Ves algo? Estás bastante emocionado por lo que es el proyecto. Y si hacías clic ahí y se fue a proteger con contraseña como y simplemente tipo de apagarte . Eso es una enorme decepción. O sea, ni siquiera muestras una burla ni nada. Entonces si no puedes, si tienes cosas que son protectoras que la India, por favor, por favor solo, como encontrar una manera de mostrar algún contexto de lo que hiciste. No tiene por qué ser eso exacto, pero te ayuda al menos mostrar algo y tendremos que conectarlo, pero en un poco. Pero entraremos y solo este bombo de página. Y para este proyecto, esto es en realidad todo lo que voy a dar. Pero sólo usar, como alguna imagen de marketing del producto y un video de marketing ya está dando una bastante buena cantidad de contexto sobre lo que hace en una regla profesional. Y luego lo último que añadir y me gusta agregar esto a cada página es en realidad una tira de galería para otro trabajo, y puedes seleccionar cualquier tipo de tira o galería como, um, solo la tradicional galería pro. Está bien, y sin dos años en realidad eliminar algo de esto porque en realidad no va a tener tanto trabajo. Esto es bastante extremo. Seis está bien. Bueno, dio, estira esto Y así al final de cada proyecto, siempre pongo opciones para otro trabajo. Y eso es así si alguien termina un proyecto, es muy fácil para ellos seleccionar algo nuevo. Um, por lo que puedo actualizar estos con proyectos en cuanto consiguen un chapado y significados publicados. Pero la idea aquí es que podrías hacer clic en un nuevo proyecto al final de cada página del proyecto , y eso sólo va a mantener a la gente. Va a permitir que la gente pase fácilmente por tu trabajo, algo bueno para poner literalmente cada página. Esto arrastrará un poco esto hacia arriba. Y de nuevo, conectemos esto con la página principal y veamos cómo se ve. Entonces vamos a adjuntar este botón con esa página. Vamos a previsualizar. De acuerdo, Así que ahora cuando me hacemos clic en un proyecto, realidad te dejan caer en esto. Tenemos el nombre del proyecto, una descripción del rol, algún contexto de lo que es el producto en el que trabaja, y luego una descripción más del rol. Y la gente va a entender aquí que no puedes mostrar exactamente lo que haces. También puedes simplemente explicar que todo el mundo consigue eso. Pero entonces tienen un enlace rápido con algún otro trabajo que pueden seleccionar rápidamente aquí. Entonces no solo quedan colgados, así que por favor no dejes a la gente colgando con esto. Um, este tipo de trabajo. 10. Cómo crear una página de estudio de caso: De acuerdo, entonces ahora para el proyecto, eso es más como un caso de estudio. Entonces esto probablemente sea un poco más relacionable si tienes, como, como, un proyecto escolar, cualquier tipo de estudio de caso cosas como esa. Sólo algo que no hiciste por dinero. Básicamente, um y este es con el que estaré pasando todo el proceso. Entonces lo que podemos dio en realidad es simplemente ir y replicar esta primera página del proyecto. Entonces solo duplicas y de esa manera todo va a estar dispuesto. Se siega lo mismo del nombre de este proyecto. Así que adelante y crea esa página. Y entonces lo que haremos es simplemente cambiar este tiro de belleza. Y de nuevo, estaremos empezando esto con el tiro de belleza. Por lo que sólo entraré en esta carpeta y seleccionaré las imágenes de encabezado. Y luego también cambiaremos el color de la página y luego seguiré adelante y empezaré a actualizar esta información aquí y cuando sea un producto que, como la gente no está familiarizada de manera ahí como un caso de estudio, sí me gusta agregar un simple, descriptor sencillo de lo que es, justo debajo del nombre. Por lo que este producto en realidad se entiende como una comunicación entre los agricultores y los bancos de alimentos porque los agricultores realmente tiran toneladas de alimentos que en realidad podrían donar. Um, así que ¿Te gusta agregar algo sencillo ahí para explicar, Me gusta lo que estaba pasando y de nuevo a la derecha, También una descripción de lo que es el proyecto. Por lo que en realidad voy a tirar de esto hacia arriba. No, incluye esto para todos. Déjame arrastrarlo a todas partes. Incluya esto para todos. Pero sí tengo una página de diseño de proyecto para cada uno de estos proyectos. Esta es una especie de la fórmula que me gusta seguir, y es muy útil llenar esto de antemano. Te ahorrará un montón de tiempo porque consume mucho tiempo. Tan solo tratando de escribir esta información a medida que avanzas. Pero también te ayudará a llenar y colocar una página como esta. Por lo que voy a añadir esto y descripción para todos. Pero sólo para que lo sepas, no solo estoy arrastrando y soltando por arte de magia todas estas cosas de antemano. Se colocó y tipo de dispuso y otra vez a la derecha. Tenemos parte de esa descripción. Por lo que una explicación del proyecto y del problema aquí y también puedes incluir cualquier tipo de información de compañero de equipo como cuál fue tu rol en el equipo para la mayoría de los casos de estudio. Probablemente lo hiciste todo por tu cuenta. Así que mientras expliques eso es un año de estudio de caso, como Quick Research Project, eso es bastante obvio. Por lo que lo siguiente para este proyecto será una especie de explicar el fundamento del problema . Y para ello, adelantaré rápidamente algunos diseños. Y lo primero que voy a dio es en realidad colocar un poco de investigación aquí. A algunos les gustan las estadísticas que se hicieron para ayudar a destapar el problema para empezar. De acuerdo, entonces esta es solo una forma de exponer parte de la investigación inicial que se hizo para este proyecto. Um, no lo tengo ahora mismo, pero probablemente voy a añadir un enlace a donde esta, um, esta investigación vino de siempre útil. Teoh vista Tus fuentes aquí sólo añaden credibilidad a los estudios de casos, pero también da respeto a quien hizo la investigación porque definitivamente quieren dar respeto , dar respeto. ¿ Quieres Oh, ya sabes, asegúrate de que todos tengan los derechos a su propio trabajo. Por lo que definitivamente siempre deja caer un enlace para citar la investigación. Hecho aquí. ¿ Qué va a hacer frente a esto también? También tipo de hacer un deslizamiento en animación con él también. Así que previsualice esto. De acuerdo, entonces tenemos nuestra imagen de belleza. Tenemos una especie de nombre sencillo y la descripción del proyecto. Y otra vez, normalmente, los rollos se incluirían aquí, dependiendo del proyecto y luego una especie súper sucinta de descripción de lo que es. Y me gusta exhibir cualquier investigación, nuevas cosas milagrosas de esta manera. Es mucho más atractivo hacer esto que simplemente ponerlo como un gran libro de texto. Entonces sí animo a todos a que si tienes algún dato como este, piense en una forma como esta, puedes sentirte libre de usar este método para mostrarlo. Pero esto es sólo una mejor manera de dedo del pie. ¿ Puedo explicar el fundamento del problema? Porque eso es lo que estamos haciendo aquí mismo en este primer paso es todo aquí sólo va a explicar lo que hicimos para descubrir el problema. Y luego añadiré una sección más a esto también, para sólo una especie de redondear parte de esa investigación que se llevó a cabo. Y voy a adelantar esto también así así de nuevo aquí es útil tener, como mechas y squarespace proporcionando iconos y cosas que puedes usar. Um, así que justo en cualquier oportunidad puedes usar el apalancamiento que lo animo. Um, es solo gratis aquí para usarlo para la gente, así que definitivamente, definitivamente apalancen eso. De acuerdo, entonces ahora que tenemos esa parte hecha, en realidad le voy a añadir un ligero desvanecido en animación. No quiero que todo en la página se alegre siempre, ¿ verdad? Necesariamente. Pero sí quiero que este tipo de dedo infográfico tenga un mejor tipo de animación para que sea un poco más interesante. Y de nuevo, estos tipos aéreos de fax fundacional que realmente describen el problema. Y eso es lo que se dedica toda esta primera sección. Teoh es el proceso de destapar el problema. Entonces yo como que simplemente me caía lo que había en ese documento y lo tarde que esto fuera. Y tenemos un aspecto más. Teoh se suma a la primera parte de este proceso, y eso es un análisis de sistema y de las partes interesadas que se hizo. Algunos sólo copian y pegan en este texto sobre. Y esta va a ser la última porción de esta como fase de descubrimiento esencialmente como la base del proceso. Así es como me gusta llamarlo. Para que puedas desplazarte esto y copiar y pegar esto de ese documento y lo que podríamos Dio es agregar una imagen de esto. Por lo que esta es una especie de servicio en diagrama de partes interesadas. Se hizo en este proyecto, y se metió mucho trabajo en él. Y en realidad se basó en todo un día pasado con, um, pasado con los usuarios. Entonces con un agricultor, el distribuidor, y después alimentando a la gente hambrienta en un banco de alimentos. Entonces hay mucha profundidad que entró en esto. Um, así que vamos a dar un poco del texto en realidad es un poco pequeño en este diagrama. Entonces lo que podemos hacer es realmente establecer este Teoh. Al hacer clic en él, se acercará. Por lo que cuando se hace clic, se puede dio se podría magnificar. Y así si tienes algún tipo de diagrama grande como este, um, um, anima a la gente. Teoh siempre tiene la característica de Zuman en caso de que la gente quiera acercar y leer algunas de las cosas que contiene. Um, siempre servicial, Toque útil. Eso se agradece con seguridad, Pero nos lo enviaremos un oleaje, y esto es sólo una nota rápida sobre este tipo de proceso de investigación. Al principio, había una tonelada de cosas que entraron en este sistema y análisis de las partes interesadas. Había un montón de críticas. Había un montón de citas. Hubo entrevistas con usuarios. Hubo visitas en el lugar. Pero para este proyecto, lo más destacado y el resultado de todo eso es en realidad este diagrama. Entonces hay más contenido que poner aquí, pero porque tenemos que estar conscientes de cuánto tiempo va a ser el proyecto, sólo tener esto y tipo de ah, descriptor general de lo que es es un mejor uso de este espacio. Porque si realmente volamos esto y si te puedes imaginar que cada uno de estos pasos tendría imágenes y citas y cosas de esa naturaleza, este sería un proyecto súper largo. Pero nuevamente, todo el punto aquí es mostrar lo más destacado del proceso, no todo el proceso. En lo bueno de tener todas estas cosas tipo de sobrante es que si sí te metes en un entorno de entrevista, tienes mucho más que puedes mostrar aquí y luego siempre se ve bien dedo del pie tienen, como tu portafolio de frente y luego teniendo cosas que si necesitas, puedes soplar en una presentación completa sobre tu proceso. Entonces de nuevo, esto es sólo un punto culminante aquí, pero hace un trabajo bastante bueno al describir todos estos elementos móviles en los que entró mucha investigación. 11. Declara tu problema: y usualmente me gusta hacer de esto una declaración bastante audaz en punchy. mí me gusta poner el problema en algún momento de la página y lo que estamos resolviendo para bastante obvio varios Tiu. En realidad, esto está bien. Nos quedaremos con el tamaño y luego agarraré uno de mis problemas Declaraciones de ese documento y bien ritmo esto en. En realidad edita este texto solo un pelo. Lo bajaremos a 40. Impresionante. Y luego voy a destacar algo sobre tipo de bits importantes en esta declaración que nuestras soluciones se van a relacionar directamente con usted. No. De acuerdo, entonces otra vez, esto es como el resultado y el resultado de, como, toda esta investigación sobre otra vez, hubo una tonelada más de investigación que en realidad entró y el contexto de un montón de imágenes, un montón de citas y muchas otras cosas sobre las que podríamos haber escrito aquí. Pero de nuevo, esto se trata de los aspectos más destacados y de llegar a este punto de una manera bastante concisa. No se trata de deletrear todos y todo lo que se hizo en este proyecto en gritty mucho todo después de esto va a estar basado en soluciones. Así que adelante y empieza a meterte en la casa. De verdad Que mal fuera 12. Cómo mostrar tu solución: y de nuevo voy a copiar y pegar miss over, y sin embargo quieras empezar a poner, la solución fuera de nuevo está para interpretación. A mí me gusta empezar con cualquier elemento de branding que se crearon antes de que realmente me meto en, como, esta solución y los aspectos principales del diseño. Por lo que agrega como un rápido un resumen rápido de la marca para el producto. De acuerdo, entonces ahora tenemos un tipo rápido de explicación de lo que la marca es una especie de avance, algunos de los colores y las pantallas también. Y lo siguiente que me gusta hacer es solo tener, como, una característica clave, una característica clave bastante concisa Llamar porque suelen ser como empezar con una especie de foto de belleza estática de la página principal y luego agregar algunos explicación de lo que está pasando en la pantalla. Entonces lo que podemos hacer es solo sondeo sacar este texto de aparecer entonces normalmente me gusta relacionar lo que estoy llamando con estos elementos de vuelta a los puntos de pellizco desde un top, solo para que quede muy claro, Um, qué es lo ponemos por qué abordamos las cosas que abordamos en el diseño y encuentro actualizar este texto. De acuerdo, entonces lo que suelo hacer es simplemente poner algunos descriptores rápidos de algunos de los elementos principales en la página y solo características clave nuevamente de esta página principal. Y luego podemos movernos hacia abajo y suelen gustarles, para este siguiente paso, suelen escoger otras tres características principales de la app para luego resaltar las de forma individual. A mí me gusta hacer eso con este texto de la derecha y luego la imagen de la izquierda, Así que una copia y pega esto hacia abajo. Y lo primero que quiero discutir es tipo de la on boarding, y varía. Qué va a ir después, como una descripción clave de la característica, um, mantenerlo bastante único para el proyecto y único sobre, como, la solución, por ejemplo, como en el embarque no es único aquí, pero el ah on boarding es único, pero el abordaje no es normalmente como algo que tiene que ser único. El proceso de on boarding en esto en realidad incluye una gran cantidad de información de los distribuidores, lo cual es un aspecto bastante cool. Y algunas de las cosas que notamos que somos un punto de pellizco. Entonces por eso estoy incluyendo un corto de cuento largo solo asegúrate de incluir cosas que airen solución única e interesante. Um, como una página de inicio de sesión es un interesante, um es necesario, pero no es algo que quisieras destacar para que podamos previsualizar esto realmente rápido. Está bien. Normalmente me gusta usar regalos en estas situaciones. Simplemente ayuda a explicar mawr de lo que está pasando. No tienes que ponerlo, pero en general hablando como te va a ahorrar algo de espacio porque puedo poner un par pantallas y un regalo. Um, no tengo que tener, como, tres pantallas aquí para explicar lo que es importante del on boarding. Um, eso podría ir. Podría hacer otro video más tarde sobre cómo crear regalos como este es, Bueno, um, avísame si alguien estaría interesado en eso. Es un poco más fácil de lo que crees que sería. Y así repito este proceso, um, um, para por lo general alrededor de tres secciones principales de la solución. Entonces contrata este pueblo, y me gusta el suplente a la izquierda y a la derecha de la página. Sólo para que no siempre sea tan predecible sobre dónde van a estar las cosas, pero de nuevo, voy a hacer esto y especie de repetición de lo que es lo que es la solución. Pero voy a entrar rápido adelante aquí. De acuerdo, entonces ahora que la principal cuenta con una solución o dispuestas, tenemos las principales áreas resaltadas aquí con algunos descriptores. Y de nuevo, esto es para mí los aspectos más destacados de la solución y las partes únicas al respecto. No siento la necesidad de entrar en súper detalle sobre todas y cada una de las pantallas que diseñaste. Puedes volver a guardar eso para la entrevista, pero solo quieres que alguien sea capaz de desplazarse y entender las principales características y tipo de lo que está pasando. 13. Cómo terminar un proyecto: Y así para cada proyecto debería haber algún aspecto de las pruebas que se llevaron a cabo. Por lo general me gusta. Para los estudios de casos dejen eso, um para el final, no quiero decir que nunca se hayan producido pruebas. Sólo quiero decir en el sentido de que es bueno terminar con retroalimentación o cosas que aprendiste. Um así para este proyecto tipo de redondear esto con, como, una sección de pruebas que se hizo. Los proyectos profesionales van a ser un poco diferentes en este sentido, y eso es sólo porque, términos generales, hay muchas más pruebas que habrían pasado y un producto profesional para que puedas hablar de más. Pero eso sigue siendo lo mismo en el sentido de que solo deberían ser los aspectos más destacados de las pruebas . Pero este, lo vamos a redondear con pruebas y tipo de lo que se aprendió de esto. Y las pruebas en realidad se hicieron con el mismo grupo con el que se hizo parte de la investigación inicial . Por lo que vamos a añadir un par de imágenes aquí para el contexto para eso. Entonces para esto, realidad había un video de pruebas en, y eso es lo que vamos a bajar aquí si tienes algo así. Creo que siempre es bueno incluir al menos algún tipo de imágenes de video de tus pruebas, porque de nuevo, si es como un estudio de caso o un proyecto escolar, no hay pruebas de que realmente lo hicieras. Y solo tiene una buena validación para quien esté viendo tu portafolio que hiciste. De hecho, hacer la investigación o no solo como inventarlo. Select Lee Con este proyecto, sí tenemos una especie de video de prueba genial. Y de nuevo, si tienes algo como esto, definitivamente siempre animado a incluirlo. Es un combate político realmente rápido. Asegúrate de que eso sea todo norteamericanos. De acuerdo, así que, aquí hay un tipo genial de visión general de algunas de las investigaciones que se hicieron y las pruebas después del hecho. Entonces al igual que un bonito toque, un video fresco, tener seguro. Y entonces la forma en que me gusta redondear cada proyecto, no importa escuela profesional o caso de estudio es con tipo de resultados y reflexión. Esta es parte muy, muy importante, um, para que tu proyecto hable de cómo fue y qué mejorarías, qué harías de manera diferente, cosas así. También es muy interesante Teoh discutir los fracasos aquí. Podrías hacer más de un párrafo. Simplemente lo voy a mantener El párrafo único para esto, Pero es muy interesante escuchar si fallaste. ¿ Cómo fallaste? ¿ Qué aprendiste de los resultados de las pruebas? Si algo salió mal, eso definitivamente incluye algunos resultados en la reflexión sobre Sé honesto, también, también, porque todo el mundo sabe que los proyectos no siempre van a la perfección. Entonces habla de lo que salió mal. Um, solo te hace parecer más humano y te hace parecer honesto también, lo cual siempre es bueno para un portafolio. Y entonces, en realidad, lo último que voy a añadir aquí es la otra sección de trabajo de nuestro último proyecto. Entonces solo voy a encenderme a eso. Y qué rápido para esto. De acuerdo, ahora que esa otra sección de trabajo está en y otra vez, solo un recordatorio estaré poblando esto con algunos otros proyectos antes de que este sitio se publique, pero siempre es bueno redondear la página del proyecto con eso. Y así es en realidad volver a salir a la página principal y tu rápida revisión 14. Recapitulación: Entonces aquí tenemos una descripción de introducción del nombre hablar de quién eres y qué haces . Tenemos de nuevo nuestro primer proyecto. Si tienes trabajo profesional, asegúrate de que es tu 1er cosa y de frente. Podemos dar click en ver este proyecto ahora. Por lo que tenemos nuestra imagen de belleza justo aquí en el nombre superior, descripción del producto y otra vez, realmente no podemos mostrar nada porque algo de esto funciona bajo un Indy. A. Entonces solo contexto sobre lo que es el trabajo y luego explicación del papel de la empresa. Otros trabajos para el deslizador. Vuelve un excelente yo doble cheque para asegurarme de que este botón esté conectado y voy a actualizar este Texas Bueno, no está conectado. Bueno, tipo no lo hizo realmente rápido. Y sólo una nota rápida sobre el nombre aquí. Teoh. No suelo dejarlo solo como nombre. A mí me gusta añadir algún tipo de descriptor Teoh. Simplemente así es porque la ruta no es realmente hiper descriptiva. Um, y es bueno tener una especie de explicación de qué hacer Esto justo al lado. Por otra parte, ver proyecto, y de nuevo obtenemos esta foto de belleza. Déjame desplazarme para obtener el nombre, descripción. Y entonces tenemos nuestra, como, investigación fundacional aquí. Parte de la información que se recabó al principio, un gran análisis de las partes interesadas hecho aquí. Se puede ver a un hombre, y entonces ese tipo de todo se junta como los puntos de pellizco y especie del gran problema que obtuvimos de la investigación al principio. El más destacado. Y luego entramos en nuestra solución características clave que conocemos aquí, un grito principal, y luego tres características que son bastante importantes para nuestra solución y luego descripciones a la izquierda y a la derecha de esas. Y por último, siempre me gusta redondear con algún tipo de pruebas o retroalimentación. Um, ahora se hace muy bien aquí con este video y resulta en reflexión. Y sólo para que miremos, esto probablemente se trate de un proyecto de longitud media que creo que es bastante bueno apuntar. Siempre empezar con el tiro de belleza tiene un recordatorio. Descripción rápida en la parte superior y luego lo más destacado de su proceso. Eso es lo más grande aquí. Tenemos aspectos destacados de la investigación realizada al principio, y después tenemos aspectos destacados de nuestra solución. Y luego justo al final, tenemos reflexión y luego enlaces a otros trabajos. Y lo que voy a hacer es literalmente copiar y pegar esta pantalla exacta para cada otro proyecto que agrego. Entonces si ustedes necesitan a Teoh, vayan a ver esta página web en vivo después de que esté hecho y podrán ver todos los demás proyectos se montaron así. Y lo último que hay que revisar es el sobre de la página. Y otra vez actualizaré esto con una imagen de la de Shannon y solo una especie de información interesante aquí. Un enlace a un currículum y una página de contacto de nuevo. No tienes que tener toda tu información en tu currículum si no quieres que la gente Reina pueda acecharte. Por lo que es bueno tener este formulario de contacto. Uh, sólo si alguien necesita ponerse en contacto, pero eso lo termina para esta clase y voy a seguir adelante y empezar a trabajar para terminar estas carteras sólo para que todos lo tengan como referencia. Um, gracias por estar atentos. Todo el mundo 15. Fin: De acuerdo, así que eso lo envuelve para esta clase. Estaré poniendo la página web. Tú Earl, en la descripción. Hay algunos otros proyectos que agregué que no incluí en el video. Eso podría ser bueno para hacer referencia. Si estás cuestionando cómo disponer algunas otras cosas, hay algunos flujos de usuario, marcos de alambre, cosas de ese tipo que presenté en otros proyectos que eran parte más importante del proceso. Entonces siéntete libre de revisar eso si quieres referencia sobre cómo me dispuso algo más. Aparte de eso, me emociona ver lo que hacen ustedes y empezar a armar sus portafolios y háganme saber cómo va. Pero gracias por ver.