Last weekend (from 5th to 7th June) I attended the event “iweekend 2009″ in Valencia. This event consists on creating a unique startup with the participation of 50 people belonging to different branches of a business (from marketing people to programmers, SEOs, web designers,…). I attended the event in order to participate in the design team, providing all my knowledge related with usability (interaction design, information architecture, prototyping,…).
The website that we all developed during the weekend was Rifalia, a raffles system. All the participants were divided in 5 groups of experts: programming, design and usability, communication, marketing and accounting.
The design and usability team was formed by 4 people (a small but effective team): Boro Moliner, Rodrigo Barona, Carlos Matallín y Clara Vázquez:
We begin our work by defining the main pages of the application and drawing the interaction between them:
And to design the logo:
After this, we began to prototype (paper prototyping) the main pages:
It was time we began to design the home page with the participation of the marketing team. whose main objective was to transmit users’ reliance with the brand and the products being offered.
After keeping in mind all these aspects, our main goal was to generate the HTML and CSS pages in order to facilitate the programmers’ task:
During the event, I was told to use some links that can facilitate the web design and the HTML and CSS programming task:
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Created for designers by ARTIS Software & The Iconfactory, xScope is a powerful set of tools that are ideal for measuring, aligning and inspecting on-screen graphics and layouts.
The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions.
[…] iweekend: usability and design team […]