(Last updated November 2017)
Adobe Illustrator, Adobe InDesign, Sketch and InVision
Studying the Current app
I started with overviewing the current 'Toronto Star' app and their website to study their typographic treatment, branding and colour palette.
Link: Toronto Star
The objective of this project was to design four screens of an existing chosen news app. The screens included the splash page, news landing page, an article page and news landing page with navigation overlay. My observation for the current app were:
The logo on the splash page seems quite big and loud.
The typographic hierarchy is very inconsistent.
The visual elements lack harmony. The icons are way too large and don't follow the same style.
Needs a more strategic way to reflect their branding successfully across the app.
Started out with some basic wireframe-layout sketches for different screens
Rough layout concepts for different screens
I decided to create some icons for the navigation menu to help create an easier user experience.
Simplified the splash page by reducing the logo scale and added an overlay image that can be changed over time to keep the design fresh.
A separate section dedicated for featured news.
View the most recent articles first along with shares and comments directly on the news feed.
A horizontal navigation quickly check the most current news for each category.
Use of icons to visually represent different news categories aiming to help improve user experience.
The design also helps reflect their brand better.
Improved the typographic hierarchy
Share and bookmark articles, view comments and change type size when viewing your articles
News & Images Credit
1. Aspensong may well tempt outdoor enthusiasts
News Credit: Carola Vyhnak, Toronto Star
Image Credit: Gibeon Photography
2. Jia Jia, world’s oldest panda living in captivity, dies at 38
News Credit: Associated Press, Toronto Star
Image Credit: PhilippeLopez/ AFP/GETTY IMAGES
3. Pope decries ‘virus’ of polarization over race
News Credit: Frances D’Emilio, Toronto Star
Image Credit: Osservatore Romano/ AFP/GETTY IMAGES
4. Souped-up sites: tourist spots up the ante offering thrills
News Credit: Jonathan Forani, Toronto Star
Image Credit: CN Tower, Not specified