Our approach to cover your solution needs

PROTOTYPING & UX DESIGN

INITIAL CONVERSATION

A kick off meeting with our project manager and lead technical developer meet with your team to discuss budget, technical requirements, timelines, and an open source approach.

Budget & Timeframe

Based on your budget and project immediacy, we suggest various approaches to develop your application: from using turn-key solutions to developing mobile apps and online dashboards, to more customized solutions that optimize performance and your unique use-case.

Learn more
Responsive image
Concept & Strategy

Review the project's objective and how it will be acheived: through device medium, hosting solution, and client maintenance capacity. Define feature priorities based on the application's various audiences.

Learn more
Responsive image
Requirements Analysis

Confirm server requirements, server location, software limitations, regulation guidelines (if necessary), and other technical specifications. We then prioritize such needs with the budget and timeline.

Learn more
Open-Source Approach

Vizonomy advocates open source software, from mapping and visualization solutions to web frameworks and relational/non-relational databases.We leverage the security, power, flexibility, and sustainability that only open source software can provide.

Learn more

PostGIS & GeoServer

Leaflet

D3.JS

Angular & React

MySQL and MongoDB

Express and Node.JS

BRAINSTORMING

Once all requirements, feature priorities, and criteria are clearly communicated, it's time to be creative and make your solution come alive.

What is Design Thinking?

We approach our design process with empathy and experimentation to drive innovative solutions.

More on this approach
Wireframing

Rapid 5-minute sessions dictate our process as we ititerate & critique.

Button locations

Mapping, graphics, and context placeholders

Layout priority

Information design

Navigation design

Prototyping

Static or Dyanamic Screens follow using Sketch or InVision. Each round (usually two) of prototypes are followed by client comments using an online comment system.

Color palette

Responsive Design

Typography

Animations

On-Click/Hover Behavior

Iconography

Graphic Design

ROADMAP

With the designs, criteria and system architecture finalized, the project can now be defined within a schedule. A communications protocol is also set-up.


Development Schedule

At this stage, there is more certainty on the project specifications and how it will be contextualized within a series of screens. A schedule is provided which includes the project's development phase, followed by testing, server migration (if necessary), and launch.

Learn more
Project Manager and Team

Our project manager guides all initial conversations, system architecture, and prototype designs. Once the roadmap is finalized, our technical and design leads work with your team to bring your solution to fruition.

Learn more

Project Manager

Technical Lead

Design Lead

Communication

Bi-weekly phone calls are the norm. During any milestone delivery, an in-person meeting or video-conference is often held. We also make ourselves available when possible to ensure everyone is in sync.

Learn more

Video-Conference

Phone Calls

In-Person Meetings

Slack Channels

Email & Text

WEB DEVELOPMENT

ENVIRONMENT SETUP

Application development begins. However, source code repository (and other third-party) accounts and hosting solutions first need to be created.

Hosting Solution

We work anywhere - on-premise or in-the-cloud. If the latter, we are avid users of Amazon Web Services, Microsoft Azure, and Google Cloud. The decision is based on your protocols, legacy system, or preference. We provide a cost-benefit analysis on each approach during the project's initial phase.

Server Requirements:

Obtain storage capacity, memory, and bandwidth needs.

Ancillary Credentials:

For the source code repository, mapping, email and/or other pertinent accounts.

Data Preparation

A critical piece usually expected to be delivered ready for production by the client. Data cleaning may include ensuring all names are consistent, all files can be joined, and all data formats are appropriate.

FRONT-END WEB DEVELOPMENT

The user-interface part of the project, this phase creates the various screens and behaviors based on the prototype. It also includes incorporating a responsive design, if needed, to ensure a clean look across all devices: desktop, tablet, and smartphone.

Web Framework Design

The skeleton or columns and girders of a website, which compartmentalize all screens and views within an application.

Angular 4 and React

Bootstrap

Responsive Design

Non-Native Cross-Mobile App Development

Android & iOSApp Development

Mapping

We specialize on location-intelligence apps. During this phase, we develop the map (though data binding occurs in the back-end development phase) and ensure that all its behavior components are functional.

Data Visualization

Often the proposed solution not only includes maps, but also charts, tables, and graphics. Similarly, this is where we build these pieces (though data binding occurs in the back-end development phase).

D3.JS

Highcharts

Google Charts

Python

BACK-END WEB DEVELOPMENT

With the skeleton and facade complete, it's time to build the pipeplines and inner networks to make the site come together: databases are created, datasets are linked (known as data binding) to the graphics, and maps, and any other server-side analytics is developed.

Database Design

Relational and non-relational databases are created for the solution's user-management sytem and log tracking. With an abundance of new types of data - that are both static and and available real-time -, any proposed database is suggested based on current and future needs.

Learn more

Drone and Satellite Imagery

Profile Data

Social Media

GPS Timestamps

Real-time and big data

Photographys and Video

Log Information

API & Data Binding

Bringing together any external or internal (from the solution's database), datasets are tied to the graphics and maps built during the front-end development phase. Interactivity is brought to life amongst all these components.

External Source to Maps & Graphics

Interactivity between dashboard components

TESTING

BROWSER AND OS

With the application built, the solution undergoes rigorous testing based on banwidth needs, operating system and browser constraints, and firewall or network limitations.

Default Testing

Our solutions are designed to run on the latest browser and OS versions, including Chrome, Safari, Microsoft Edge for Mac High Sierra and Windows 10. We also test resolutions 1366×768 (for desktop) and for the iPhone 6, 7, 8, X and Plus.

Learn more

Browser Testing

OS Testing

Resolution (and Responsiveness if req'd)

Special Cases

Vizonomy often works with government clients and organizations that often require additional resolution and browser requirements for legacy systems. We approach such projects with caution but are always open to pushing the limits under such scenarios.

Learn more

Microsoft Explorer Versions 7+

Windows XP, 7, Vista, 8


Performance

Everything is designed for peak performance: any spatial query, data request, or read/write capability is measured in milliseconds. We work creatively to ensure a smooth user experience.

Security Protocols

The solution is tested on-premise to ensure that all software libraries successfully penetrate the local network (and firewall) in order to provide full functionality.

Load-Time

A quick, initial load time is critical for a pleasant user experience. We ensure that all processes and assets are optimized and compressed, respectively.

Analysis Run-Time

Images are minimized, processes are run optimally in the server or in the browser, and any computional logic is optimized to reduce load times.

LAUNCH & MAINTENANCE

Delivery

Once all testing is completed, the solution is migrated (if needed), all keys are delivered, and documention is reviewed with the client. Google Analytics may be enabled.

Responsive image
Source Code

We use private repositories such Github, Gitlab, and BitBucket to store the sourcecode and ensure proper versioning. Delivery may be a shared repository or key turn-over.

Learn more

Github

Gitlab

BitBucket

Credentials

Similar to the repository, all usernames and password are delivered. This may include AWS, CARTO, Mapbox, Gmail, Mlab, Mailgun or other third-party services.

Learn more

Hosting Solution

Mapping

Email

Database

Third-Party Tools

Server Migration

If needed, the solution is delivered on-premise to the client or migrated to a sister hosting (cloud) provider.

Learn more

On-Premise Migration

Amazon Web Services

Microsoft Azure

Google Cloud

MAINTENANCE

Software is iterative. Datasets change. And new features are often requested. A proper maintenance plan not only ensure's your solution's longevity, but also its maximum utility.

Responsive image
Documentation

Abundant documentation is provided throughout the source-code. Alongside, a maintenance document is delivered with all software credentials, system architecture diagram, and any potential issues during the maintenance phase.

Learn more

In-Line Source Code Comments

System Architecture Diagram

Credentials

Google Analytics

Contact Information

Critical Requests

We often provide a 24-hours critical request ticket which ensures that your application is always running.

Learn more
Future Iterations

For project enhancements and additional phases, we work with you to ensure that future audience needs are met.

Learn more

Ready to get started.

Get in touch and drop us a line.

ABOUT VIZONOMY

Designed in Washington DC, La Paz, and London. Learn more about our team, and how we work with start-up, Fortune 500s, and organizations.

READ OUR BLOG

Learn more about work in augmented reality, in urban resilience, or about our various partners - including CARTO.