AG   [AGENTE GRAFICO] PROYECTO DDD WEB.  

INFOGRÁFICO

La multiplicación exponencial en el estado Zulia de los egresados en Diseño Gráfico, una de las carreras más nuevas e innovadoras conocidas; la incorporación del egresado al quehacer laboral local, como también la valoración de su injerencia, aportes y alcances en el marco de la variedad de proyectos propuestos en diversas áreas y sectores productivos, y las necesidades comunicacionales del mundo globalizado, son el punto de partida y razón de ser del nacimiento de esta idea.

AGENTE GRÁFICO es un SITIO WEB donde se gestionarán de forma integral desarrollos en el área del Diseño Gráfico, igualmente los profesionales del Diseño Gráfico y clientes podrán interactuar y satisfacer sus necesidades:

El diseñador podrá mostrarse, explotar sus habilidades y promocionar su portafolio de trabajos, también competir en el desarrollo de proyectos, como por ejemplo, el diseño de logos, papelería, entre otros, promoviendo la cultura del diseño eficiente y sustentable.

Por su parte, el Cliente podrá localizar con mayor facilidad al profesional del Diseño Gráfico que requiera, seleccionarlo dependiendo de sus necesidades y de las habilidades del diseñador, asimismo gestionar la solicitud de trabajos y/o proyectos a ejecutar.

ALCANCES

- Antes de enumerar los objetivos de nuestro proyecto se hace imprescindible establecer los límites y alcances del mismo, en aras de poder ofrecer un espacio ajustado a la realidad actual y no crear falsas expectativas. En este sentido, y considerando que las audiencias que atenderá Agente Gráfico serán profesionales del Diseño Gráfico y clientes, en líneas generales, se puede considerar alcances de acuerdo al tipo de audiencia.

- Es así que en primera instancia,  podrán suscribirse y participar en los proyectos del portal aquellos diseñadores residenciados en el estado Zulia o zonas aledañas.

- Con relación a los clientes, podran ser pymes con necesidades comunicaionales básicas para lanzar concursos e intermedias y avanzadas al momento de localizar diseñadores para proyectos de mayor envergadura.

OBJETIVOS GENERALES

- Generar un espacio de interacción o intercambio para diseñadores y clientes, donde puedan administrarse y desarrollarse proyectos del área del Diseño Gráfico.

- Ofrecer un espacio de promoción a los diseñadores nóveles y a los experimentados.

- A manera de bolsa de trabajo, establecer un portal que ofrezca oportunidades laborales a  ambos grupos de diseñadores, donde prevalezca la libre competencia y la meritocracia.

- Gestionar solicitudes de trabajo de forma integral, considerando las necesidades de conocimiento del producto del diseñador y las necesidades comunicaionales del cliente.

- Dignificar la participación y trabajo del diseñador gráfico como profesional en el marco de cada proyecto, mediante la valoración de su labor y su importancia en el proceso productivo y comunicacional.

-Institucionalizar un sistema integrado de atención al cliente que permita satisfacer sus necesidades, gracias a la asesoría y producción de trabajos de los diseñadores suscritos de forma efectiva.

MURAL INICIAL

Armado y consolidación de la idea. 

CONCEPTUALIZACIÓN GRÁFICA
DEL ESCRITORIO BASICO AL PENTAGONAL

Partiendo de la premisa de que Agente Gráfico debía ser un espacio de interacción e intercambio entre cliente y profesional del Diseño Gráfico, partimos del concepto de bureau o escritorio sobre el cual se discutirían las particularidades y condiciones de cada proyecto a ejecutar. No obstante, para darle un orden y ruta a la ejecución de cada proyecto acudimos a la figura del pentágono, forma gráfica que se asocia a la simetría (orden), mantiene la noción de mesa sobre la cual se colocan las ideas y por tener 5 lados identificaran y establecerán los cinco módulos principales del sitio web. También se incorpora el círculo, como elemento demostrativo de flexibilidad y de ciclo, atendiendo a la ruta que deberá seguir el cliente a la hora de encargar trabajos.

Es así que del escritorio emerge la estructura pentagonal, hermanada con el círculo, y que en adelante serán una constante e iconos determinantes en la diagramación de la información, y en su defecto, de la navegación en el portal web.

BOCETOS DE IMAGEN GRÁFICA

Luego de la definición  del concepto del  sitio web, pasamos a la parte del identificador de nuestra página, lo que concentrará el estilo y la forma que habíamos considerado manejar para la creación de nuestro trabajo. Estas fueron las propuestas para el logo de Agente Gráfico: 

Luego de someter a criterios nuestra propuesta gráfica de logo junto con el profesor Jose Carlo y de evaluar sus alcances y posibilidades: legibilidad, identificación, que fuese atractivo al público, y de establecer una paleta de colores que mostrara las posibilidades del portal web, seleccionamos la siguiente opción.

Un logo de un estilo iconográfico, una tipografía sans serif y un juego contrastante de colores fríos y cálidos con una tonalidad gris para hacer una composición más liviana a la vista y al ser un diseño tan lineal y fluido se convierte en un identificador fácil de recodar para nuestros dos grupos meta (diseñadores y clientes potenciales).

Incluimos adicionalmente su desglose literal con el ".COM" para una clara vinculación con la propuesta On Line.

OPCIONES DE USO DE LA IMAGEN GRAFICA

MAPA DE NAVEGACIÓN

Primeros esbozos de  lo que podrÍa ser nuestro mapa de navegación o estructura de sitio.

Algunas asesorías después, y manteniendo la idea principal, hemos indicado las zonas con y sin Login; en esta opción de estructura más acorde a nuestros objetivos...

PRIMERAS PROPUESTAS DE LA INTERFAZ GRÁFICA 

CONCEPTO+LOGO

ESTUDIO Y PROPUESTAS DE FORMAS PARA ICONOS, BOTONES Y PESTAÑAS 

De estilo iconográfico, se decide trabajar con botones sencillos y que transmitan fácilmente el mensaje; con un juego de colores en analogías con los naranjas y adyacentes y por contraste y contraste escindido el color turquesa.  Con esto, las secciones prioritarias  se destacarán y organizarán en las áreas de colores cálidos, mientras que las de la de información general y obligatoria se presentarán con colores fríos y tonos neutros.

Se usan así algunos iconos universales por la rapidez de lectura...

Adaptando un poco las formas universales a la imagen gráfica de agentegrafico.com, los iconos universales se amoldan a las formas  oblicuas y detalles de puntas redondeadas, resultando en la propuesta que se muestra a continuación:

DIAGRAMACIÓN DE LA INTERFAZ 

Se unificaron fuentes tipográficas 

TENDENCIA CROMÁTICA

RESPONSIVE DESIGN / App para Smart phones

  Preveemos que la web Agente Grafico tenga una version con Medias Query (propiedades) en las Css para conseguir que el sitio se adapte automaticamente a distintan resoluciones de pantalla sin perder las propiedades basicas de su diagramacion, consiguiendo asi mayor accesibilidad desde cualquier tipo de dispositivo, garantizando su navegabilidad.

Dinámica del sitio web

Un breve intro de 20 segundos a manera de splash explicativo sirve de preview a un website dramáticamente funcional, dado el objetivo y fin comercial de Agentegráfico.

El sitio web, amigable por demás, le ofrece al cibernauta múltiples posibilidades de navegación, gracias a su estructura mixta en justa combinación con una estética soportada en el uso de una tendencia cromática basada en colores de contraste adyacente.

El dinamismo que otorga la paleta de cítricos (naranja, verde, amarillo, turquesa) se ve matizada por la neutralidad del fondo gris, logrando relajar la pupila y fortaleciendo el sentido de legibilidad. Los icónicos tonos justifican la parte conceptual, de allí que invadan los botones de las cinco secciones principales de la web: Dossier, Concursos, Localizador, Preguntas Frecuentes y Contactos.

En el Index se concretará el primer encuentro con la dinámica de navegación de la web, los iconos dispuestos en el pentágono formalizan las secciones y su intencionalidad.

Vale la pena destacar que el guarismo 5 y su forma geométrica: el pentágono, será una constante, así como también referente a lo largo de la navegación y paseo por el sitio web.

Es así como una mesa de trabajo con tope pentagonal sirve de medio al diálogo que desarrollarán diseñador y cliente, usuario y sitio web para generar ideas, gestionar procesos y consolidar proyectos.

El icónico pentágono  será protagonista desde el inicio, siendo genio y figura en el index de la web desde donde dominará las acciones.

En la cabecera, el logo de Agente Gráfico destaca gracias a la sumisión de la fuente tipográfica a lo figurativo, para dejar a la luz un “mouse” que evidencia la dirección y norte de la web.

Secciones y páginas internas

Dossier

El Dossier es formalmente una muestra de trabajos consolidados, un portafolio de ideas ya cristalizadas, de acuerdo a las cinco categorías de diseño dispuestas: Logos, Impresos, Web, Ilustración y Audiovisual, estructuradas con base en las especialidades y talentos de los diseñadores suscritos a Agentegráfico. 

Desde el Dossier podrán verse los trabajos ya vendidos, sus características, asimismo podrá desplegarse la descripción de cada uno, si se requiere más información.

Concursos

En la pestaña de Concursos se congregan todos aquellos trabajos en proceso. Aquellos desarrollos abiertos y puestos a la orden de los diseñadores por los clientes registrados en Agentegráfico. Es aquí, donde luego de que el cliente realizase la descarga de requerimientos en la plantilla del brief se ofrece al diseñador los primeros lineamientos para la consolidación de su idea (logo, ilustración, página web, etcétera).

La composición de la página de Concursos adelanta la forma de trabajo y dinámica de participación. En este sentido, para mayor coherencia y mejor organización, la información se encuentra jerarquizada. Cada concurso tendrá sus especificaciones antes de ser lanzado, acto seguido, los diseñadores postularán sus ideas, cargando sus propuestas. Inmediatamente se procede a realizar la preselección de trabajos. Es en este momento cuando nuevamente cliente y diseñador dialogan para ajustar aspectos de la idea o prototipo que quedaron pendientes o pueden modificarse. Ya cerrado el concurso es el momento de calificar trabajos y ofrecer un veredicto, designando un ganador, que indiscutiblemente ha de haber satisfecho las necesidades del cliente, el que en un plazo establecido mediante contrato recibirá el pago convenido y una bonificación dependiendo del acuerdo convenido por el cliente al momento del lanzamiento del concurso.

Localizador

Es el apartado que corresponde a la búsqueda del profesional del diseño, según el talento y categoría de Diseño que ejecuta, la que adicionalmente se corresponde con la necesidad puntual del cliente o empresa.

La búsqueda geosatelital del diseñador se realiza con criterios específico: por país, por ciudad, por especialidad y por tarifa. 

Al obtener los resultados de la búsqueda y seleccionar a alguno de los diseñadores en lista, es posible descargar el portafolio de trabajo de cada uno de los diseñadores suscritos a Agentegráfico.

Preguntas Frecuentes

Propone un glosario y preguntas que responden a los cuestionamientos que podrían presentárseles a clientes y diseñadores al momento de navegar en el sitio web, mejorando la experiencia del usuario. 

Contacto

Finalmente, es la página en la que todo ususario, visitante, cliente o diseñador tiene oportunidad de realizar sus requerimientos, sugerencias y consultas a los administradores de Agentegráfico, bien sea a través de las redes sociales o mediante correo electrónico y/o teléfonos. 

Footer
Enumeraremos información complementaria y referencial

Nuestra Misión y Visión

Link sitio web de Agentegráfico:http://areapple.com/edwin/

Cecilia Moreno  Estructura y redacción de la Información. Programación básica / M.Eugenia Urdaneta Concepto, diseño y producción de Interfaz. Programación básica /  Alexis Ruiz  Diseño  y producción de Interfaz, Animacion. Programación avanzada /  Edwin Reyes  Navegabilidad y Usabilidad.  Animacion, Programación Avanzada. /  Gustavo Roquez  Asesoria y redacción de aspectos legales, Condiciones y Términos de Uso del Sitio Web.  Derecho de autor, sesión de licencias y LOTTT.