Thanks to the excellent relationship with College Prospects of America, we were contacted by them to develop a sales presentation what the CPOA need to show in different regions where they cover.
The challenge for web developer is to create a website what work as sales presentation building in a single-page. The first part is to design a slide layouts with optimal view and interaction experience across a wide range devices (desktop, mobile & tablet screen). The features of this solution is listed below:
Meet the scope of this project was pretty easy because CPOA has a preview design that we have to follow. Although, that version was developed with flash, that forces we to make a refactory of all the presentation.
Following the same way, the minimum requirements of this sales presentation were: multi-lingual, sections categories and powered to see in any gadgets.
For to achieve this rich user experience, we attemp to show a minimalist presentation, The key components of visual organization include a strong grid, visual balance, and close attention to alignment across arrow navigator.
Finally, was added to download a PDF report, because some users want to read the presentation while offline.
Good color combinations are undoubtedly the essential means to touch the emotions of the website visitors, All color used, include sufficient contrast between different UI elements to highlight information due to creates a good physical and emotional reaction of the viewers.
The basic idea is that all content is placed in one page, then, the content slide away when the user click a arrow link or back to main menu. That's possible thanks to Backbone.js which makes the mechanism very versatile and extensible that ties all of the views together.
Drømbit staff glad to share the tools, techniques and technology required to create magic products. In the following list we are going to show the things which let us achieve our goals.
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.
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.
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.
Furthermore of amazing technologies and tools that we use. In Drombit believe that keep the passion impact of our behavior to let us create a better products with high quality.