Functional Conception & Design
We do not believe in the concept of "graphic tracks" where the client is presented with 4-5 agency proposals. The conception and design should be an iterative process, strongly involving the users of the designed interfaces.
Step 1: Sketching
The design of your site or application starts with us through a series of workshop with you: Participatory workshops, fun, and very interactive where the user is located in the heart of the process. During this phase, known as 'sketching', each participant draws his or her version of each screen of the future web-app or site. A lively group discussion guided by our ergonomist and our designer allows us to compare different versions of the same page.
Step 2: Wireframes
The wireframes are the result of precision work with the completed drawings. Without making any kind of design, it consists of placing the elements of each page in their desired places. Dimensions are respected down to the pixel. The wireframes are interactive and navigable by using Axure software.
A user test is also conducted at this time.
Step 3: Black & White Design
During this stage, the final design is proposed to the client, but presented in black and white. The idea here is to validate all the proportions, typography, contrast.
This is a very important step to sharply accelerate the validation step of the design because it allows a better expression of criticisms than the simple "I like it" or "I don't like it". The color doesn't interfere in the decisions.
Step 4: Color Design
The color design is the most rewarding step, because it (finally) allows you to visualize the work of the previous steps and weeks. The validation is greatly simplified from a classical approach to the presentation of graphics tracks. As in the previous steps, user tests are conducted and final modifications can be made to the structure, even to that of the pages.
Step 5: Interactive HTML Mockup
Finally, an HTML mockup is done for each screen including browser compatibility and JavaScript (JQuery) and each screen is W3C validated. HTML semantics are checked and the accessibility is compared to the requirements of the project (Bronze, Silver, Gold)