Mobile-First Front-End Development - Salsify Case Study, image 1

Mobile-First Front-End Development - Salsify

A modern frontend system for legacy news websites

Technology

Angular
Node.JS
HTML/CSS
Sails.js
PhantomJS
gulp.js

Customer’s Location

flag

The USA

flag

Italy

About the Project

The client is the North American bureau of Il Sole 24 ORE, Italy’s leading financial daily newspaper, published by 24 Ore Group. In the field of services tailored to professionals and businesses, the Group enjoys a solid competitive market position thanks to its databanks, online services, and training programs.

The Challenge

Sites belonging to the 24 Ore Group are built with old technologies and look outdated.

Moreover, their owners share the same issue as our customer – as the systems are huge, have lots of dependencies, and have been developed over the years. Rewriting legacy apps from scratch or migrating them to new technologies would take a lot of time and, even more important – a solid budget.

Since, from a technical perspective, the most important part of the website for readers is the customer-facing front end, the idea was to renew only this part. To develop a solution that could be plugged into any existing web app or CMS, use its data, but display them in its own way.

In addition, the solution had to:

  • Improve the accessibility of content on the web
  • Provide better tools for content producers
  • Meet the needs of both users and search engines
  • Offer a cost-effective platform

The Solution

The ELITEX team didn’t want to start with the traditional approach of building apps for the web. Instead, we rethought the architecture and decided to go another way. The chosen solution was more similar to that of building a mobile app.

Mobile-First Front-End Development - Salsify Case Study, image 4
Mobile-First Front-End Development - Salsify Case Study, image 5
Mobile-First Front-End Development - Salsify Case Study, image 3

We chose JavaScript as the primary language.

On top of JavaScript itself, it was decided to use AngularJS, Node.js, and Sails.js. From the project management perspective, the scrum pattern was chosen so the team was able to show the customer the interim results each sprint.

The system was built with a microservice architecture. That means that the server-side app consists of two parts:

  • REST API that responds to users’ requests
  • Service that gets content from external data sources, parses, and stores it in our database.

These services communicate with the help of queues and can be easily scaled. Our developers used a MongoDB database to handle large volumes of structured and unstructured data.

The specific architecture allows most of the pages to be loaded without any delay at all, meaning the application is blazingly fast. It was accomplished as a big part of the logic, as well as templates, are preloaded and cached on the front end.

The user’s browser loads it only once during the first visit to the site. When the user opens any data on the app, there is no need to render the page on the server and load everything from the beginning.

The server works as a REST API, returning only raw data. This includes the newly published content – the site loads all the latest data at once. It is a powerful approach to creating modern web applications.

Digital Media Library Software Development - Imagex Case Study, image 1
Pierre Paolo BozzanoHead of Software Development at America 24

From concept to the final product, ELITEX has been a precious resource for our company and the mind behind our content management system. It is about more than just great knowledge in web programming; ELITEX guys take their role further. They offer their ideas and perspective and contribute to making things that were not there before, which is true.

Moreover, the right architecture implemented by the ELITEX team enabled a couple of other great features:

  • The app can work offline. It is possible as all the recent data is preloaded, and there is no need to make requests to the server. The user may not even notice that their device went offline as the app continues working smoothly.
  • All the additional infrastructure needed for the platform to work is one single cheap server. We have chosen a small AWS instance for our needs. As the back end doesn’t play a key role anymore, one server can handle a pretty big load; therefore, the platform can save a reasonable budget on the infrastructure and its maintenance. In case a particular site has a really huge number of users, the backend can be easily scaled horizontally.

As one of the key goals was to build a system that could work on top of existing web apps, Salsify was designed to be easily adapted to the existing back-ends – e.g., various APIs, XML feeds, and CMS (WordPress, Methode, etc.)

At the same time, the UI design can be easily changed to the needs of the particular site as well, considering that the templates, typography, and styles are properly separated from the logic.

The Result

As a result, ELITEX has met the goal of engineering a blazingly fast, efficient, and smooth state-of-the-art system that is able to make the web faster. The platform was successfully delivered to the customer, who could take it to the next level.

Mobile-First Front-End Development - Salsify Case Study, image 2

Take the First Step: Schedule a Project Consultation Today

laptop for CTA

Other Case Studies

photo

Custom Content Management System Development - PostCMS

Node.JS
MongoDB
Angular
AWS
HTML/CSS
Sails.js
nginx

A next-gen custom CMS for media organizations

Problem

Il Sole 24 Ore needed a custom CMS that could deliver high speed, SEO optimization, and collaborative features while integrating with their existing software ecosystem.

Solution

ELITEX developed a scalable NodeJS-based CMS with advanced content management tools, schema.org integration, and a clean UI that supports multiple content types and collaborative editing.

Learn more
Custom Content Management System Development - PostCMS Case Study, image 8
photo

Digital Media Library Software - Imagex

Node.JS
MongoDB
Angular
AWS
HTML/CSS
Sails.js

A multi-website media management system

Problem

The client, Il Sole 24 Ore, needed a centralized system to store and manage media content across multiple websites, as editors struggled with handling different types of media separately.

Solution

ELITEX built a digital library using Node.js and MongoDB that automatically processes and stores media files, featuring smart tagging, multi-format support, and easy integration with third-party websites.

Learn more
Digital Media Library Software Development - Imagex Case Study, image 8
photo

HR Software Development Services - Zippia

Python
React
Angular
Node.JS

AI-driven career path mapping and job search platform with advanced data visualization

Problem

Zippia needed to migrate from AngularJS to React for better site performance while requiring help with processing large amounts of data and improving their UI/UX.

Solution

ELITEX provided a team of full-stack JavaScript engineers, data engineers, and UI/UX designers who helped migrate the platform to React while continuously developing new features and optimizing user experience.

Learn more
HR Software Development Services - Zippia | ELITEX Case Study, image 4

Let's talk about your project

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

imgimg
Your message