Reporte del primer parcial

Nombre: Ramses Gamaliel Monroy Calificación:

Mendez
Alberto Viveros Ramirez
Magda Zagdaí Durán López
Adalberto Arellano Velásquez
Asignatura: Diseño multimedia. Profesor: Marintia Jazbeth Morales
Reyes
Unidad 1: Introducción
Unidad 2: El proceso de diseño en
multimedia
Bibliografía:

Behance. (s. f.). Behance.

[Link]

Fiverr International Ltd. (s. f.). Fiverr.

[Link]

Citado en formato APA 7

 1.-Planteamiento de un problema:

Poder presentar tu estilo y creatividad en un apartado dedicado solo para

los usuarios (diseñadores, ilustradores, artistas, etc), donde puedas decidir las

formas o los movimientos de distintos elementos, así como la gráfica que se

puede manejar.

2.- Propuesta del producto:

Crear una página en donde puedas desarrollar todo aspecto del mismo,

dando una idea al cliente sobre el estilo y los trabajos que se pueden realizar,

haciendo que la interacción de cliente y diseñador sea más sencilla, brindando un

espacio donde se puedan comunicar teniendo en claro el servicio que puede

adquirir.

3.-Análisis del mercado y público objetivo:

El producto puede ser usado por diseñadores, arquitectos, ilustradores,

animadores, etc.

La finalidad o meta del producto es crear una página más interactiva en

donde puedas desarrollar todo aspecto de un portafolio de trabajo, dando una idea

al cliente sobre el estilo y los trabajos que el usuario puede ser capaz de realizar,

haciendo que la interacción de cliente y diseñador sea más sencilla, brindando un

espacio donde se puedan comunicar teniendo en claro el servicio que puede

adquirir.

Algunos sitios similares y sus funciones son los siguientes:

 Behance: es la red social y plataforma en línea líder de Adobe Creative

Cloud, diseñada para que creativos (diseñadores, fotógrafos, ilustradores, etc.)

exhiban su portafolio digital, descubran trabajos y busquen inspiración. Con más

de 50 millones de usuarios, funciona como un escaparate virtual para conectar con

clientes, conseguir empleo, recibir retroalimentación y vender recursos creativos.

Fiverr: es una de las plataformas de servicios freelance (trabajo

independiente) más grandes del mundo, que conecta a empresas y particulares

con profesionales digitales en más de 700 categorías, como diseño gráfico,

marketing, redacción y programación.

El usuario después de realizar la acción puede sentir:

Por cliente:

Seguridad: No solo al interactuar de una manera más directa con los

usuarios y ser directos con el servicio que pueden adquirí, sino que al poder ver su

trabajo, estilo y la creatividad con la que lo manejan (a la hora de desarrollar el

espacio de trabajo que les brindamos) puede hacer que los clientes se sientan

seguros de que podrán adquirir un servicio acorde a sus especificaciones.

Por usuario:

Satisfacción: Al ver un apartado dedicado exclusivamente a sus ideas y

su estilo, permitiendo que las personas conozcan sus trabajos a mayor

profundidad debido a los detalles o a el estilo que se le permite manejar.

Comodidad: Al permitirle a los usuarios o clientes ver de primera mano los

servicios que pueden adquirir.

4.- Diseño visual e interfaces:
 Bienvenida

Esta es la primera pantalla, en ella el usuario indica como usara la aplicación.

Registro de usuario

Esta es la pantalla en la que el usuario ingresa sus datos.

 Inicio de sesión

Es la Interfaz Principal que permite al Usuario Pantalla Principal, mediante la

introducción de sus credenciales. Es el punto de entrada al sistema, donde se
valida la identidad del usuario para Otorgarle Acceso a su información.

Página principal

Pagina inicial donde se presentan botones de "búsqueda rápida" que separa

los proyectos en 3 secciones, bajo ellos se presentan los proyectos
mostrando una miniatura, el nombre del proyecto y la imagen de perfil de
quien lo subió.
 Proyecto visualizado

Pantalla semi emergente que muestra un proyecto en su totalidad, dejando un

espacio a la izquierda dedicado a una breve descripción del proyecto, botones
para contactos, título del proyecto y perfil del creador.

Búsqueda

Apartado dedicado a una búsqueda más específica, donde se muestran

apartados de categoría y estilo de elaboración, junto a una barra de búsqueda
general para mejorar la búsqueda.
 Edición rápida

Es la pantalla que muestra perfiles ya prestablecidos por el usuario para la

personalización rápida del perfil, a su vez se pueden ir agregando más perfiles
de personalización.

Perfil (vista del cliente)

En este apartado se realizó la visibilidad que el cliente puede tener al

momento de entrar al perfil del usuario, logrando ver desde los trabajos que el
usuario ha subido a su espacio, nombre, y fotos.
 Perfil (vista del usuario)

Similar a la vista del cliente, con la diferencia de que en la vista del usuario
este podrá tener acceso a dos opciones más, la edición de perfil y la edición
detallada.

Edición del perfil

En este panel se podrán realizar cambios en el perfil de una manera simple,

con una barra de herramientas (le permite al usuario cambiar formas,
tipografías, usar elementos creados por el usuario, etc) así como cambios
más simples como agregar y borrar trabajos o los cambios en fotos de perfil.
 Búsqueda de recursos

En este apartado encontramos una sección para ofrecer un servicio como lo

son elementos mas elaborados como animaciones en objetos (tanto simples
como algunos mas elaborados) en este apartado podrás encontrar algunos
elementos que los usuarios crearon en el panel de edición detallada, esto con
el fin de poder adquirirlos para su uso o algunos cambios que se deseen
realizar.

Panel de edición detallada

Este apartado tendrá la función de editar elementos de una forma mas

detallada y precisa, pudiendo crear animaciones con objetos, editar los
mismos de una forma más compleja para así darle un estilo mas acorde a
como lo desee el usuario.
 Notificaciones

Es una ventana emergente la cual es un elemento de interfaz que aparece de

forma temporal sobre la pantalla principal para informar al usuario que ha
recibido un nuevo mensaje o actualización. Su función es captar la atención
inmediata sin interrumpir completamente la actividad que se está realizando.

Seguidos

En esta pantalla se encuentran las publicaciones de los creativos a los que

sigues.
 Seguido visualizado

En esta pantalla se muestra cómo se vería una publicación al seleccionarla.

Mensajes

En esta pantalla encontramos la sección con todos los contactos y mensajes,

cuenta con una barra de búsqueda, la opción de borrar, fijar y de archivar.
 Chat

Esta pantalla sale después de seleccionar algún mensaje. En esta se

encuentra una barra en la parte lateral izquierda las fotos de perfil de otros
contactos. El resto es la ventana de mensajes.

Contratos

Pantalla especial donde se presentan los contratos realizados como cliente,

solicitados como creativo y aquellos que ya se han realizado a modo de
registro, también tiene un acceso directo al chat para optimizar la navegación.
 5.- Elementos textuales y visuales:

Clásico:

El sitio tiene un estilo sencillo y minimalista que se mantiene entendible con

el tiempo en el que el usuario lo puede ir manejando.

Organizado

Tienen un orden claro con una retícula sencilla pero efectiva para presentar

los proyectos

Simple pero llamativo

Para el cliente se mantendrá como una búsqueda sencilla en la que solo

podrá previsualizar los diferentes trabajos, estos últimos haciendo que los

espacios de trabajo de cada usuario sean llamativos para los clientes.

El sitio contara con 18 pantallas (Siendo que el promedio que tienen otros

sitios como Behance abarcan aproximadamente 10 a 15 pantallas visibles, otros

proyectos más trabajados pueden llegar a 25 o hasta 40 pantallas, sin embargo y

como tal no tiene un número fijo de "pantallas" o páginas, ya que funciona como

un portafolio personalizable donde el diseño y la longitud de la presentación

dependen enteramente del usuario) las cuales abarcan desde inicios de sesión,

página principal, visualizaciones de perfil, entre otras. Mantienen un orden intuitivo

y segmentado por secciones para. Se tiene pensado el uso de colores neutros,

principalmente el blanco para resaltar los proyectos de los usuarios, con uso de

colores de contraste como el azul y verde para reconocer la marca.

Mientras que las Tipografías serán sin serifas (Como las que se están usando por

ahora como Relaway y Google Sans Flex) para facilitar la lectura y usar la menor

cantidad de texto posible. mantener todo organizado y prioriza mostrar los trabajos

de los usuarios.

Story board:

El storyboard tiene como propósito principal ilustrar de manera clara y

estructurada el funcionamiento de las pantallas diseñadas, permitiendo

comprender la interacción entre cada uno de los elementos que conforman la

interfaz. A través de esta representación visual, se ofrece una guía general sobre

la navegación dentro de la plataforma, mostrando de forma intuitiva cómo el

usuario puede desplazarse entre secciones y acceder a las distintas

funcionalidades disponibles.
 Asimismo, el storyboard presenta de manera introductoria las posibilidades

de personalización de los perfiles, destacando cómo cada usuario puede adaptar

su espacio de acuerdo con sus necesidades e identidad creativa. Todo esto se

complementa con la incorporación de movimientos dinámicos que no solo aportan

fluidez a la experiencia, sino que también refuerzan la percepción de innovación,

evolución y progreso dentro del entorno digital.