On the up

Last week we had the chance to learn about Visual Design Web with AlejandroArribas. A few weeks back, he introduced us the subject of Data Flow and we could glance why he loves so much this area of UX. This time, we were able to fully enjoy Alejandro’s approach to work and, by extension, to life.

We started by reviewing what Mobile First is and why Atomic Design is so successful within the design community. Basically, this methodology creates a scalable system in which atoms, molecules or organisms become reusable components through your whole project. This mental model helps us think of our user interfaces as both a cohesive whole and a collection of parts at the same time.

We also learnt about Bootstrap and its reticular system, which is crucial in order to create the layout for a website or web application. This framework is made of a 12 column-grid that is extremely flexible (responsive), easy in terms of programming, fast and modular. This can only benefit both designers and programmers, because it means you can work together in order to find solutions from that common framework.

Regarding our projects, during the first couple of days Alejandro wanted to have a look at our work, and even if he was unfamiliar with our designs he embraced them all equally and knew how to contribute for making them stand out. What it could have become a hard task (to give your opinion and suggesting for something to be changed), felt easy and smooth in Alejandro’s hands. Rather than feeling discouraged because you hadn’t yet accomplished what your project demanded, he would imbue everything with a positive, ultra-energized approach that would make you feel capable of -almost- anything.

After two weeks of being displaced by our individual projects, it was time for getting back to our group activity. In this case, my teammate Esperanza and I were facing the case of a highway toll pre-paid system which wanted to improve the service they gave to their users. The main demand was being able to refill the accounts anywhere, anytime, as well as additional features such as a live balance feed.

Look and feel of the main screens

During the previous week we had started to make wireframes of our designs, but after the lessons that we both learned with our respective projects, this time we’d work with a faster and more rational approach. Having clear what the main actions of our solution were, it was a matter of resolving the content (the modules that form it) before tackling the visual side of it.

To sum up, the outcome of our work was even better than working on our own projects. It definitely helps to work with someone by your side, and having talented people in- and outside your team made a difference. Once again , Óscar Santos and Samuel Hermoso were able to contribute with their point of view during the presentation day, helping us to make a success of it.

Screens from the Route section

We’re approaching the end of our class period, and after this we’ll start working on our final (and again individual) projects. These will be eventually presented to a jury, and the best ones will get a ticket to be presented at the Google Campus in Madrid. I’m looking forward to getting my hands on it, but one thing at a time!