ORIOL DEL RIO Portfolio

Cribeo
Revamp

Description
Cribeo is an online magazine about viral news, oddities, and social media. It is a co-
op project involving Memondo Network and La Vanguardia (Grupo God).

Responsibilities
I was in charge of an esthetic revamp which lead to a completely new and responsive
design and featured endless post loading. The design was mostly provided by the
company.

Technology involved
LESS RequireJS
Backbone.js Fluid and responsive layout

References
1. http://cribeo.com/

Cribeo 1 of 11
ORIOL DEL RIO Portfolio

Screenshots

Figure 1. Home view (desktop)

Figure 2. Post view (desktop)

Cribeo 2 of 11
ORIOL DEL RIO Portfolio

Figure 3. Home view (mobile) Figure 4. Navigation menu (mobile)

Cribeo 3 of 11
ORIOL DEL RIO Portfolio

Memedeportes
Partial development

Description
Memedeportes is a fun website about sports and memes. Content is usually
submitted by the own users. It is part of Memondo Network.

Responsibilities
I developed a whole new section: live matches. It consisted in the live broadcasting of
soccer matches. The match feed was provided in real time from users (videos, pictures,
tweets, etc.) and from an external API. I coded the frontend by a given design and
part of the PHP backend. Two different versions where built for desktop and
mobile/tablet.

Technology involved
LESS REST API
XHR JQuery

References
1. http://www.memedeportes.com/partidos
2. http://www.memedeportes.com/partidos/laligasantander/201617/jornada33/re
almadrid-barcelona
3. http://www.resultados-futbol.com/api

Memedeportes 4 of 11
ORIOL DEL RIO Portfolio

Screenshots

Figure 5. Match feed with summary on top and user comments on right

Memedeportes 5 of 11
ORIOL DEL RIO Portfolio

Figure 6. Lineup fragment

Figure 7. Stats page

Memedeportes 6 of 11
ORIOL DEL RIO Portfolio

Figure 8. Match list

Figure 9. Match list (mobile) Figure 10. Match feed (mobile)

Memedeportes 7 of 11
ORIOL DEL RIO Portfolio

ContaHogar
Full development

Description
TO DO.

Responsibilities
TO DO.

Technology involved
TO DO TO DO

References
1. https://contahogar.com/

ContaHogar 8 of 11
ORIOL DEL RIO Portfolio

Urbanian
Frontend development

Description
TO DO.

Responsibilities
TO DO.

Technology involved
TO DO TO DO

References
1. http://urbanian.com/

Urbanian 9 of 11
ORIOL DEL RIO Portfolio

Vrutal
Partial development

Description
TO DO.

Responsibilities
TO DO.

Technology involved
TO DO TO DO

References
1. http://vrutal.com/

Vrutal 10 of 11
ORIOL DEL RIO Portfolio

Viralzalo
Frontend development

Description
TO DO.

Responsibilities
TO DO.

Technology involved
TO DO TO DO

References
1. http://viralizalo.com/

Viralzalo 11 of 11