Wireframe Concept for Al Bawaba News | John Lillywhite

AL BAWABA NEWS SKELTON MOCKUP: FRONT-END

Concept: John Lillywhite Design: Rami Khoury

Notes 1. Website is an iteration of the existing Al Bawaba platform.

2. The current build has 3 priorities: (i) Modular Assembly: Editors have more freedom to reshape homepage and category pages around content. E.g. Breaking News, Tagging System. (ii) More visual.

(iii) A powerful subscription offering for readers, powered by Mailchimp API. (iv) Category page and individual page advertising to be added into build by Dev Team.

HOMEPAGE I

Notes: Homepage, All Channels.

HOMEPAGE II

Notes: Homepage: With Modular Breaking News/Sport/Business Functionality

CATEGORY PAGE: NEWS

Notes: Tagged element allows editors to change key sections of interface.

Node area emphasized.

CATEGORY PAGE: BUSINESS

CATEGORY PAGE: ENTERTAINMENT

TAGGED STORIES

BUSINESS: COMPANY PAGE & PRESS RELEASES PAGE

Notes: Press release page very similar to article page.

No bullets under main slider.

ARTICLE PAGE

i) Below the main image, a summary of the article appears in bullet points. ii) The syndicate logo and provenance source have been added to the end of the article. Story Tags also appear. iii) Preferred comment system: Disqus. iv) Option to use GIFS and video in all headline and image areas across website requested.

LONG-FORM ARTICLE PAGE

Visual, with full-page modular areas in images, video and other embedded content e.g. Gifs.

WRITERS

Notes: Writers is divided into Editorial Team, and contributing writers for each category.

SUBSCRIPTION OFFERING

Notes: No pop-ups in mobile. Pop-ups after 30% read or immediate on advert blocker detection.