26.10.2018 Views

Camaleón, Diseño de marca, Diseño de pantallas de aplicación y manual

Este es un proyecto en el cual ayude a mejorar la parte visual de la aplicación y fácil de usar. Tiempo de creación 1 mes.

Este es un proyecto en el cual ayude a mejorar la parte visual de la aplicación y fácil de usar.
Tiempo de creación 1 mes.

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

MANUAL<br />

DE MARCA


Este logo tiene su versión blanco y negro.


Logo<br />

Descripción<br />

La <strong>aplicación</strong> para la cual se a diseñado este logo<br />

sirve como una herramienta para tomar pedidos,<br />

ven<strong>de</strong>r y una herramienta <strong>de</strong> logística. El nombre<br />

que se ha elegido para la presente <strong>aplicación</strong> ha<br />

sido <strong>de</strong>nominada CAMALEÓN, la misma que<br />

representa una secuencia <strong>de</strong> los conceptos y que a<br />

su vez se adapta a los diversos sectores <strong>de</strong>l<br />

mercado, <strong>de</strong>stacando las funciones para la que fue<br />

creada.<br />

Los colores elegidos para representar el logo<br />

CAMALEÓN <strong>de</strong>muestra tanto la facilidad en su uso<br />

como la facilidad para personalizarce segun el<br />

cliente.<br />

La rama por la que transita el CAMALEÓN es la vía<br />

que simboliza el camino <strong>de</strong>l ven<strong>de</strong>dor y las hojas los<br />

clientes visitados.<br />

El texto lleva una pequeña y <strong>de</strong>licada <strong>de</strong>coración,<br />

que encaja en la til<strong>de</strong> <strong>de</strong> la letra O en forma <strong>de</strong> hoja,<br />

que podría ser utilizado sólo si el caso lo requiere.


Presentación<br />

Nota:<br />

Los colores para personalizar la<br />

<strong>aplicación</strong>, si es el caso, se toman <strong>de</strong> los<br />

colores <strong>de</strong>l logo <strong>de</strong> la empresa que<br />

contrate el servicio.


TEXTOS<br />

DINPRO<br />

LIGHT<br />

BOLD<br />

ABCDEFGHIJKLMN<br />

ÑOPQRSTUVWXYZ<br />

ABCDEFGHIJKLMN<br />

ÑOPQRSTUVWXYZ<br />

1234567890<br />

ABCDEFGHIJKLMN<br />

ÑOPQRSTUVWXYZ<br />

ABCDEFGHIJKLMN<br />

ÑOPQRSTUVWXYZ<br />

1234567890 Nota:<br />

Los fuentes <strong>de</strong> estos textos<br />

estan el la carpeta font.


COLORES<br />

RGB<br />

0 152 93<br />

RGB<br />

255 244 49<br />

RGB<br />

16 192 241<br />

RGB<br />

108 189 69<br />

TEXTO DE<br />

PRESIOS<br />

RGB<br />

0 152 93<br />

RGB<br />

236 30 36<br />

Nota:<br />

Colores para la <strong>de</strong>bida creación.<br />

Las imagenes estan en la<br />

carpeta partes <strong>de</strong><br />

pantalla-imagenes.


COLORES<br />

RGB<br />

0 152 93<br />

ICONOS Y<br />

FORMAS<br />

RGB<br />

51 193 166<br />

RGB<br />

234 234 234<br />

Colores para la <strong>de</strong>bida creación.<br />

Nota:<br />

todos los iconos y formas que<br />

hay en a <strong>aplicación</strong> estan en la<br />

carpeta partes <strong>de</strong><br />

pantalla-partes.


IMAGEN DE<br />

FONDO, LA<br />

ENCUENTRA EN<br />

CARPETA<br />

PARTES DE<br />

PANTALLA-IMAG<br />

ENES<br />

EL LOGO, LO ENCUENTRA EN<br />

CARPETA LOGO VERSIONES.<br />

Pantalla <strong>de</strong> inicio.


Antes


Login, diseño minimalista, la imagen <strong>de</strong> fondo<br />

muestra que tipo <strong>de</strong> productos se ven<strong>de</strong>n.


Antes


Menú, se a simplificado los nombres y se a<br />

colocado iconos para cada opción.


Antes


Lista <strong>de</strong> Pedidos, se a colocado imágenes PNG con su respectiva<br />

<strong>de</strong>scripción , precio unitario, botones para hacer pedidos y la suma<br />

<strong>de</strong> las unida<strong>de</strong>s pedidas.<br />

En la parte inferior siempre se vera el total mas los botones <strong>de</strong><br />

pendiente y guardar pedido.<br />

Los productos que tengan ofertas o <strong>de</strong>scuentos tendran en la<br />

esquina superior izquier un <strong>de</strong>gra<strong>de</strong> con el texto respectivo


Antes<br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<br />

nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut<br />

wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit<br />

lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure<br />

dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore<br />

eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui<br />

blandit praesent luptatum zzril <strong>de</strong>lenit augue duis dolore te feugait nulla<br />

facilisi.<br />

Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam<br />

nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat<br />

volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation


Productos, se podrá observar y buscar todos los productos que esta<br />

ofreciendo la empresa, tiene imágenes PNG con su respectiva<br />

<strong>de</strong>scripción , precio unitario, botones para hacer pedidos y la suma<br />

<strong>de</strong> las unida<strong>de</strong>s pedidas.


PANTALLA OFERTA Y<br />

DESCUENTO<br />

Los productos con la señal <strong>de</strong> oferta y <strong>de</strong>scuento tendran una<br />

pequeña <strong>de</strong>scripción para ayuda <strong>de</strong>l ven<strong>de</strong>dor.


FLECHA<br />

PARA<br />

REGRESA


Antes


Pedidos, en esta pantalla se observa la lista <strong>de</strong> pedidos que se a<br />

realizado durante el día hay dos secciones en la parte superior con<br />

color gris se encuentra los pedidos pendientes por confirmar, con el<br />

respectivo nombre <strong>de</strong>l cliente, más abajo <strong>de</strong> esta lista con color<br />

ver<strong>de</strong> se encuentra los pedidos confirmados, con el respectivo<br />

nombre <strong>de</strong>l cliente , ten la parte <strong>de</strong>recha cada pedido tiene un<br />

punto <strong>de</strong> un color específico según el estado <strong>de</strong>l pedido.


Antes<br />

wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit<br />

lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure<br />

dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore<br />

eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui<br />

blandit praesent luptatum zzril <strong>de</strong>lenit augue duis dolore te feugait nulla<br />

facilisi.<br />

Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam<br />

nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat<br />

volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation<br />

ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam


Ruta, en esta pantalla se observa los clientes <strong>de</strong> una<br />

ruta, el ven<strong>de</strong>dor o jefe podrá observar si se a visitado<br />

a tal cliente, el ver<strong>de</strong> significa visitado, hay una caja<br />

color ver<strong>de</strong> don<strong>de</strong> indica el estado <strong>de</strong> cada cliente.


Antes<br />

Se a unido dos <strong>pantallas</strong>.


Lista <strong>de</strong> Clientes, es una lista general <strong>de</strong> todos los<br />

clientes que tiene un ven<strong>de</strong>dor.


Antes


Gestión, se encuentran 3 botones Descargar<br />

Clientes, Descargar Producto, Actualizar Stock y<br />

Precios.


Antes


Sincronización, opción para trabajar sin Internet.


Antes


LOG IN<br />

Y<br />

LOG OUT<br />

Menu <strong>de</strong>splegable, en esta pantalla se observa el<br />

menu <strong>de</strong> una forma mas simple, en la parte superior<br />

<strong>de</strong>recha tienen la opción para salir <strong>de</strong> la seción.<br />

NOTA: Las imagenes <strong>de</strong>senfocadas se encuentran en<br />

la carpeta para montaje-partes para montar,<br />

nombre <strong>de</strong>los archivos <strong>de</strong>senfoque...


PAPELERÍA Y OTROS<br />

ACCESORIOS<br />

Es sección es una guía y consejo para la documentación y<br />

difusión <strong>de</strong> la <strong>marca</strong> CAMALEÓN.


FRANKLIN RAMON INTRIAGO CHAMORRO<br />

DICEÑADOR GRAFICO<br />

GUAYAQUIL, ECUADOR<br />

2018<br />

TELÉFONO 0983886404<br />

framkintroiago@gmail.com<br />

frintria@espol.edu.ec<br />

DISEÑO<br />

CREATIVO

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!