Presentación de ventas de CPOA
Gracias a la buena relación generada con la institución College Prospects of America, fuimos contactados para crear la presentación de ventas que la empresa utilizaría en las diferentes zonas donde esta tiene presencia.
El principal reto en este proyecto fue crear un sitio web que funcionara como presentación de ventas. Por tal motivo se desarrollo una estructura que funcionara como un pase de diapositivas, totalmente optimizado para funcionar en diferentes dispositivos. Las características principales de la solución son:
Conocer los alcances del proyecto fue relativamente sencillo, ya que CPOA contaba con una base de las presentaciones que utilizaban con sus clientes. Sin embargo, el formato en las que estas estaban generadas (archivos flash) no podían se presentadas en diferentes dispositivos.
Con esta problemática se definieron los requerimientos mínimos que debería de tener las nuevas presentaciones de ventas: múltiples idiomas, clasificación por secciones y que se pudiera visualizar en cualquier dispositivo.
Para la experiencia de usuario en este proyecto, tratamos de llevar la experiencia de ver una presentación de la forma más común que tiene un usuario la cual consiste en un pase de diapositivas. Se aplicaron animaciones sutiles en el pase de paginas para que el usuario contara con una experiencia de navegación mas fluida.
Finalmente se añadió la posibilidad de descargar la presentación en PDF, permitiéndole al usuario poder leer la presentación en los medios que el considerase idóneos.
Para la interfaz de usuario de este proyecto, se decidió utilizar colores contrastantes que permitieran resaltar información relevante para el usuario. Esto permitió definir diferentes maneras de mostrar contenidos que llamaran la atención del usuario.
Le presentación fue un requerimiento bastante simple, sin embargo, buscamos una manera de abstraer varias secciones que eran comunes en la presentación. De acuerdo a la información se generaron unos módulos para exportar la presentación en PDF dependiendo el idioma y el deporte.
En Drømbit nos gusta compartir las herramientas con las que trabajamos en nuestros proyectos. A continuación presentamos una lista de las herramientas que nos permitieron lograr el presente proyecto.
Una de nuestras herramientas favoritas para organizar la documentación proporcionada por nuestros clientes. El ambiente colaborativo que Google Drive nos ofrece es indispensable para nosotros.
This amazing tool allows us to sync files from the computer to the web, save documentation provided by the customers. Furthermore, with this tool, we are able to have access to all our documents, files, calendars and everything else for collaborative teams.
Sin duda alguna Moqups es nuestra aplicación favorita para generar Wireframes. La posibilidad de utilizar la herramienta de manera colaborativa nos permite presentar y definir la Experiencia de Usuario del software o sitio web que estamos construyendo.
Undoubtedly, Moqups is our favorite tool to create wireframes. Provides an extremely cost effective way to design something out, really fast. Wireframing in moqups makes it super easy to represent where various elements will go and depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.
Cuando necesitamos definir una base para el estilo visual del sistema o sitio web en el que estamos trabajando, nos gusta utilizar Sketch App. Sketch es una herramienta sencilla pero muy poderosa para diseñar la interfaz gráfica de un proyecto.
When we need a user interface design of software or web design, we like to use Sketch App. The app provides only what is necessary to do web and UI work, making for a much faster design process.
Independientemente de las tecnologías y herramientas que se utilicen, en Drømbit creemos firmemente en hacer las cosas con pasión, para de esta manera, entregar un producto y servicio de calidad.