Image

About

CP Interactive is primary a news aggregator app for iOS and Android. The app features Internal News, External CP (Charoen Pokphand Foods) News and Photo of the week feature.

CP Interactive presents a continuous, customisable flow of articles organised from their Intranet website and thousands of publishers and magasines across the world. The mobile phone application is only available internal for CP Foods (UK).

Some of the main features include:


- Login with AzureAD
- Internal news page
- External news page
- Internal Instagram
- Notifications
- Upload new posts

 

Design

Pattern-driven user interface using atomic design principles. The design allows quicker prototyping and it’s easier to update and remove parts of the elements. The design structure allows the HTML and CSS code to be more modular and reusable which leads to a fewer components overall.

Colors

Main Colors

Image

Typography Colors

Image

Value Colors

Image

Buttons

Secondary Color Primary color
Secondary Color
Warning
Danger
Labels
Icons

Typography

Roboto
Gibson

Textfields

TextFields 1
TextFields 2
TextFields 2

Headers & Cards

Headers
Headers
CPI

Technical Specifications

The technical specifications will be added soon. Please ask for more details using our contact page.