Francisco Giraldo

Case Study: Clasificados El País

El País is the biggest regional newspaper company in Colombia.

Project screenshot

Click image to expand

Client: El País

High traffic classified ads web application about real State, vehicules, jobs and miscellaneous products.

Project Requirements

  • Tech: symfony
  • Project Duration: 1 year

Project Overview

When working at El Pais S.A., I was in the team assigned to modernize the Classifieds web application written with the Symfony PHP framework. This web app is one of the most important and used online ads portal in the southwestern region of Colombia.

Main Objective

Improve the User Experience and User Interface of all the user facing pages. Including the homepage, the search page, the ads uploading form, and the ads detail page.


The project had high code complexity. The app was initially created as a generic ads system so the Backend and the Frontend codebase was huge with many modules.

The system was created by an external company so none of the internal Developers could support or guide us.

And Extra care was needed so no new bugs were introduced.

Main epics:

Change the User Interface of the Ads detail page.

New modern elements were added:

  • New images slider with thumbnails
  • Collapsible sections
  • Modern icons

Product detail page


Improve the User Experience of the Ads Search Page.

The Search Page UX was improved with many modern elements like:

  • intuituve filtering widgets
  • Image slides to each of the individual search results
  • List and Grid views on the results section
  • An ads comparaison new feature



Improve the User Experience when a user uploads an Ad.

The old multi-step form to upload an Ad was replaced with a single intuitive and easy to use form with collapsible sections with an accordion effect.

Ad uploading


The Approach & Solution

The design HTML and CSS was handed to us by the design team and we decomposed it into reusable UI components.

Integration tests were written before starting to change any code.

Each of the epics functionalities was thoroughly tested manually by the product owner on the Staging site.

Want me to help with your project?

Drop me a message with your project description and requirements.