Vecular is an online car sell and purchase platform idea for car dealers and individuals.

Vecular, the idea is to have a website and mobile app, carrying rich automotive industry content such as expert reviews on cars, detailed specs with pricing, tools such as car comparisons and also videos demonstration and car interior and exterior pictures of all car brands and models available on platform.

vecular iPad image
vecular iPhone image

Product research

Product research provides information on the specific and required characteristics of a service or a product. It helps companies to understand the needs of the customers in a much better way so that the required product can be tailored appropriately. This research can also help in filtering new ideas for the products.

vecular product research image

User Personas

A persona, (also user persona, customer persona, buyer persona) in user-centered design and marketing is a fictional character created to represent a user type that might use a site, brand, or product in a similar way.

users image
users image

Customer Journey

In commerce, customer experience (CX) is the product of an interaction between an organization and a customer over the duration of their relationship. This interaction is made up of three parts: the customer journey, the brand touchpoints the customer interacts with, and the environments the customer experiences (including digital environment) during their experience.

vecular customer journey

Next, I scripted a typical daily feeding routine for my persona. This process helped me decide how the web app’s customer experience might be designed to fit in with a feeding routine.


A wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.




Homepage (Extended Search)

Vecular’s most basic paper sketches were designed for each screen . In a demonstration or usability test, the sketches are switched according to user actions. One of the advantages of paper prototype is that I could create multiple versions without wasting time on digital tools.

Style Guide

A style guide or manual of style is a set of standards for the writing, formatting and design of documents. It is often called a style sheet, although that term also has other meanings. The standards can be applied either for general use, or be required usage for an individual publication, a particular organization, or a specific field.

Style guide image

These guidelines are meant to help developers keep elements like buttons and forms consistent across multiple webpages. Additional examples and references, like writing samples, words to avoid, PowerPoint templates or photography compositions could also be helpful to include in a brand style guide.


The modern technology set we chose enabled us create a fast- loading, scalable app to support Vecular’s quickly growing global business. We put in place a Content Management System (CMS) and rich User Guide to allow Vecular’s editors to easily maintain the app going forward.

Development framework
Structural framework
Messaging broker
Virtual machine
Headless Orchard CMS
Cookie Settings Logo
We use cookies. Further information can be found in our privacy policy.