Case Study

Bootstrap 4-Based Website for Selling Push Technology – FoxPush

Bootstrap 4
based
Contour
lines specially coded
Bootstrap 4
based
Contour
lines specially coded

Case Study

Bootstrap 4-Based Website for Selling Push Technology – FoxPush

The current website is functional, fast, optimised and caters to the needs of the client’s ideal audience. All the requests were taken into consideration and executed according to the client’s wishes.

In the current website the alpha version of the Bootstrap 4 was used based on Flexbox Layout Module. In addition to this, the ScrollReveal script was used to build the site, which enables a gradual showing of the site’s elements, i.e. as you scroll down the elements appear.

Responsibilities

The main activities that were to bring success to the project

Build a responsive website

Create pixel-perfect code following the provided designs

Deployment, optimisation and maintenance of the website

-1

The Project

Working on the Fox Push project meant achieving the three main goals: building a unique website with eye catching shapes with shadows, basing it on Bootstrap 4, and making it fast and responsive.

-2

Client info

FoxPush is a tech company that makes push technology accessible to all website owners. They take great pride in achieving their two main goals – simplifying the process of creating/sending push notifications and providing the most sophisticated audience-targeting tools

-3

The Challenge

The challenges with this project were related to the execution of the look of certain elements of the site. For example, it was both a challenge and a creative inspiration to figure out the creation of sections where the contour line of the background colour should be skewed. In addition to being skewed, some parts were required to have curved oval shapes with shadows.

-4

Client Needs

FoxPush wanted a custom-made, responsive website according to their already chosen design. Reusable modules were necessary for optimum functionality and further development.

In addition, the client showed preference to the just-released (at the time) Bootstrap 4, so implementing it in the design was one of the main goals