This was extremely challenging as we had to design a complete library of individual design components for implementing the vision of unified design. Fonts, color palette, story cards, widgets and UI elements, each of them have a separate library and do’s and don’ts to provide users with the stunning experience.
We froze on to the Source Font Family as it was very close to the print version, had variety of serif and sans-serif options and is brilliant when it comes to readability. We defined close to 14 type style that clearly stated the font size, the usage and the font weight.
We have worked to provide separate colours for each module and elements. This has been done with the view that in future when DH feels the need to expand and have multiple microsite. Every module has 3 set of colours, viz., primary, secondary, and background colour. Background colour helps in creating separate identity of the section, primary color is used to highlight the news under that section and secondary colour provides the contrast to balance the experience. Close to 21 colour sets were defined based on the data classification.
Complete usability testing was done at every stage. We employed focus groups technique and user observation at each stage.