Tripl - City Index

Tripl aims to find everything that you might need to go on a trip, including where to go and what to do.

Based on your social profile, on simple questions, on people similar to you, on popularity and a several other sources of information and correlations, it will personalize the contents so it fits your interests and constrains.

Tripl - Activity Hotspots

Given an activity, the application will look for ideal places personalized to every user.

We had to work on boosting the performance since the beginning, combining live estimations with precalculated data.

Tripl - Hotel Search

Once the customer focus on a given area, the system finds nearby hotels taking into account external ratings and budget limitations along with everything it learns about this person and similar users.

Dice Case Store - Landing

Spree Store where you could configure your case to your taste

Dice Case Store - Gallery

Showcase of some of the combinations allowed by the system.

EasyMarketing - Landing

Google Shopping Ads manager, powered by Ruby On Rails

EasyMarketing - Registration

Wizard Registration with Angular.

Gentlemen's Agreement - Landing

Heavily customized Spree shop, with powerful CMS features.

Gentlemen's agreement - Single Page Checkout

We simplified the spree checkout process to reduce it to this view.

Jobspot - Landing

Job Search and Company Showcase startup powered with Ruby on Rails

Jobspot - Company Search

Qualitus - Dashboard

Food quality control system, made on Ruby on Rails.

Questionizer - Setup

Simple open source rails application to create forms and make sure that your receivers answer all your questions.

Questionizer - Form

All questions need to be answered before submitting the reply.

Ranj

We've collaborated with Ranj in some of their games.

Alliance Telemetry - Landing

Platform to strategically share metrics between startups.

Alliance Telemetry - Statup Search

Every company could propose an alliance to another in which a category of their metrics became visible to both parties.

DockingPro

Software to manage ship repairments. Combined a Ruby on Rails / Angular website with an electron offline desktop application.

Pagebox v2 - Landing

In this landing you could actually click on the embed and try it live.

Pagebox v2 - Use Cases

External CMS for an static/legacy site, knowledge base system, Catalogue, Press Releases showroom... we made individual examples for every case.

Pagebox v2 - Collection Index

The new design was lighter and fully responsive.

Pagebox v2 - Public Profile

Every collection was public by default.

Pagebox v2 - Editor

It was possible to extract an image and an excerpt of the links added to the note.

Pagebox v2 - Embed with search

We made the embeds browsable and added search functionality. We managed to eliminate the flickering between transitions.

Pagebox v2 - Mosaic View

Pagebox v2 - Thumbs View

Pagebox v2 - Mini List View

Pagebox v2 - Table List View

Pagebox v2 - Nested Content

Any element could be turned into a folder by adding content inside.

Pagebox v2 - Simple List

Pagebox v2 - Embedded Video

Some of the links were turned into video embeds automatically.

Pagebox v1 - Landing

Pagebox v1 - Demo Video

Pagebox v1 - Multiple Views

You could adjust the visualization of your collection according to the density and the importance of image versus text.

Pagebox v1 - Collection Index

Pagebox v1 - Composer

There was different visualization modes for headers and children entries.

Pagebox v1 - View Selection

Pagebox v1 - Editor

Pagebox v1 - Embed Script

Pagebox v1 - Nested Headers

What looks like several lists corresponds to the classic structure of folders and files.

Pagebox v1 - Public Profile

Pagebox v1 - File Explorer

You could share your files on one or multiple websites thanks to the embeds.

Referama v2 - Landing

The main features: collect and publish contents collaboratively.

Referama v2 - Mockups

We used Balsamiq to plan the next steps of development.

Referama v2 - Billing

We implement recurring subscription payments with Paymill on top of Spreedly, which allowed to change the payment gateways transparently in the future.

Referama v2 - Tetuan Valley

The public version included the participants of all previous editions along with mentors and press mentions.

Referama v2 - Riderstate

We realized that the directory didn't have to be about people, in this case this catalogue showcases bicycles of different companies.

Referama v2 - Marketing Example

This proof of concept shows how a company can present his catalogue to a client using the directory and the publishing features.

Referama v2 - Activity Summary

Members could subscribe to the activity feed by email to keep up to date with the new additions.

Referama v2 - Form

People could submit structured content directly into the collection.

Referama - Video Demo

Referama - Basic Concept

With these two slides we tried to convey the main motivation for developing Referama, to turn strangers into identifiable people

Referama - Profile Index

First version of the dashboard. The information was collected through public forms.

Referama - iPad App

Developed with Titanium.

Referama - Embed

With a script inserted through a wordpress plugin, Tetuan Valley was able to show the participants instantaneously as their profiles were approved.

Referama - View Settings

First version of the view configuration options.

Referama - Mobile App for Events Video Mockup

RealTime

I worked on this project for Telefónica Global Solutions through Nextel Engineering. It allowed them to manage the notifications about incidents in their network more efficiently.

Neupic

I worked with 1uptalent on this startup, a platform for digital journalism in which users can upload images and videos from their smartphones and get paid by the news agencies.

Technologies: Ruby on Rails, Cordova App

80 Grados

Wordpress Site for a restaurant.

80 Grados

The site had custom types, a configurable grid system and three color schemes.

Bauhauser

Besides the shop, the site featured the different artists and manufacturers.

Bauhauser

Shopify store.

Winery La Encina

Prestashop store.

Winery La Encina

Besides handling products, the shop allowed some simple CMS functionality.

Club Salviatino

Wordpress Site with invitation only access through tokens.

Website for the UCM Department of Statistical Thermodynamics of Molecular Fluids

Eurekka

Real State startup powered by Ruby on Rails

Wolty v2 - Landing

We used this typography for the logo since it reminded us of taking notes in classrooms.

Wolty v2 - About

Motivation and goals of the platform

Wolty v2 - FAQ

The notes used markdown with some additions. For every note you could add multiple cards to help you review it.

Wolty v2 - Content Hub

The long term goal of wolty was to condense multiple learning sources in a way in which in you could still access and review them as they time went by.

Wolty v2 - Stream

You could see the notes, questions, answers and comments of your friends, which the ability to copy the parts that you found interesting.

Wolty v2 - Private Notebook

A notes could be public, private or a draft. They could be starred to filter them easily, and marked as questions to be published in the community questions section.

Wolty v2 - Public Profile

The notes were public and indexable.

Wolty v2 - Community Questions

The public notes constituted a source for the whole community. Here you could filter them by popularity, and find the questions yet unanswered.

Wolty v2 - Community Languages

Community statistics.

Wolty v2 - Weekly Summary

In this email you could see the notes that your friends had added and copy them to your notebook.

You also got a reminder of the notes you have to review.

Wolty v2 - Slideshow

This mode was meant to browse through your contents more easily.

Wolty v2 - Review

The review system was based on spaced repetition. A maximum of 20 cards were presented at a time, and the student had to confirm their knowledge of the answer.

Wolty v2 - Review results

Wolty v2 - Wireframes

We did these mockups to guide us in the transition to this second version.

Wolty v1 - Questions Stream

At first it started as a closed Q&A platform for students, who required an invitation to register.

Wolty v1 - Students and their Languages

If you are in a university, whether you are an exchange student or a national one, you don't have a straight way to know who might be interested in meeting to learn from each other languages.

With wolty we tried to establish a channel between them

Wolty v1 - About

Motivation and question examples for the first version of this project.

Cover for the Physical Chemistry Chemical Physics Journal, January 2009

Referama Business Card Front

Pagebox Business Card Front

Wolty - Logo Iterations

Different ideas derived from combining question marks.

Faculty Windows

On of the buildings of the Physics Department (UCM) was pending to be renovated for years due to lack of budget.

The silhouettes of the broken glasses looked like figures to me, I put this poster on the entrance as a half-protest / half-attempt to cheer up the mood

POV-Ray 1

The Persistence of Vision Raytracer, or POV-Ray, is a ray tracing program which generates images from a text-based scene description

POV-Ray 2

You could see every line being painfully painted while rendering the file. A 640x480 resolution was something you would only set to get the final result

QBasic - Math

QBasic was shipped with MS-DOS, you could go to almost any computer and start programming something with it.

I made this one to plot functions. You could change the zoom level, offset the values and overlay other functions.

QBasic - 'Monigote' Kid

You could pick the weapon (just moving the sprite over it), jump and shoot. You could get hit a number of times, almost nothing happened in the game but It was an achievement

QBasic - Arkanoid

I had to do my own version :) I didn't know how to control the speed, I inserted meaningless for loops just to slow things down. Every time I upgraded the computer, the games become unplayable until I increased those loop counters.