logo

Industry

Media

Technology

NodeJS, Sails.js, MongoDB, AngularJS, Twitter Bootstrap, HTML5, CSS3, AWS

Services

  • Full cycle web development
  • Front-end development
  • Back-end development
  • Project management
  • Technical consultancy

Customer’s Location

flagNY, United States/Italy

About the project

Our client, one of the largest media corporations in Italy – Il Sole 24 Ore – owns and manages multiple websites. It was inconvenient for editors to search, manage and use different types of media content separately on each website when they worked with multiple sites.

ImageX is a digital web library that is clear and easy to use and manage. With ImageX, the user can keep images, videos, audio, and live streams in one place, even if they have multiple websites.

The challenge

The customer required a system to store media files of all types, which at the same time could be easily and rapidly integrated with customers’ websites or function autonomously.

Imagine you have an image that could be used by editors on multiple sites, in multiple designs, and seen on various devices – from mobiles to large desktop monitors. How and where would you store it properly so that it could meet all those needs? Our engineers found a solution.

The solution

Together with Il Sole 24 Ore, we agreed to build an R&D team of highly skilled front-end, back-end, and quality assurance engineers that would work under the project manager’s supervision.

As the system had to be swift and reliable, our engineers advised using the following technologies:

  • Node.js
  • Express
  • MongoDB
  • Elasticsearch

This approach also ensured the web service architecture’s requirements were met, making the system scalable, maintainable, and cost-effective.

How can you use one image in multiple designs and dimensions on multiple sites? We created a solution.

1. The system automatically crops and resizes the image to multiple versions and uploads them to the content delivery network.

2. Editors choose the image and select the required aspect ratio (horizontal, vertical, square, etc.)

3. ImageX does all the rest automatically, providing the correct image version based on the user’s screen size.

Avatar
Pier Paolo Bozzano
Head of Software Development | America24

We also developed more awesome features:

  • Users are not required to tag the image when uploading it (the system detects what is shown in the picture and sets the tags automatically)
  • Users can make any corrections manually (crop or tag)
  • Users can also work with video content (upload from a desktop or YouTube/Vimeo)
  • We created a powerful search system. Users can easily find an image of a BMW that has the tags “Germany” and “car” but doesn’t have the tag “BMW.”
  • ImageX can be used as an autonomous system or integrated with third-party websites (using a JS plugin)

Thanks to a smart queue-based approach, there is no need to wait until the upload process is finished and all the files are processed. The media content, ready for publishing to the library, will appear for review right on the upload page.

The result

As a result, the ImageX system eliminates the issue of storing countless media files of different sizes and types. This new digital media library saves time and relieves the headache of editors and other users, making it possible to manage and share files between different offices and access them from any corner of the world at any time.

Let's talk about your project

Drop us a line! We would love to hear from you.

Should be a valid email address