The Sun: Tablet edition
With one of the UK’s largest circulations, The Sun developed a tablet only app for both iOS and Android as part of their drive to become a digital content provider.Responsibilities
– Ideation– UX design
– Interaction design
– Visual design
– Documentation
![](https://freight.cargo.site/t/original/i/509a8a6edb33cdb269d55813ba8f01f6cd9ded0c6113d24dc873ebea8c6c6c02/sun_top_1_780.jpg)
The problem
The project presented a key problem of managing large amounts of copy across a multitude of devices with vastly differing screen sizes, while also maintaining a consistent look and feel true to the parent brand.![](https://freight.cargo.site/t/original/i/2015d563491eaddbe4b3cb8cf3d190fdf0d35f5560fab9e79309fb775d22c5c3/sun_top_2_780.jpg)
Ideation, modeling, prototyping
Working with detailed research material supplied by the client, wireframe modelling and prototyping allowed for successful user testing of a interaction model based around a horizontally scrolling, immersive tabloid styled concept. This created the potential for ‘dip in, dip out’ easy reading aimed at the core readership of the parent publication.Using a flexible and solid, yet scalable, grid structure, I was able to devise a solution that was reactive to both the size of the device in use and the type of content being displayed.
![](https://freight.cargo.site/t/original/i/ec6bf0ed16c084aba3e70b579ed0026b6d2c7ed140794bd7ada091495798d7af/sun_top_3_780.jpg)
The build concept split the key screen sizes into cells capable of holding a given length of copy.
These cells were based on the size of articles used by The Sun editors for both online and in the physical paper.
![](https://freight.cargo.site/t/original/i/27eadec7d7bc5b98120dd7eaad08741708c4fe3e8892b5b717768c8f92b35a97/sun_top_4_780.jpg)
Implimentation
Working closely with iOS and Android developers, a page building framework was devised that allowed for a consistent build across varying device sizes and operating systems.As the cells and grid were combined, a range of flexible templates were created allowing editors to quickly and easily create bespoke layouts that were constent across the varying devices.
![](https://freight.cargo.site/t/original/i/f2956f89f479c9306dea2565684c28f51804e4c7f1037c7c3d25bbe5e556b2e1/sun_top_9_780.jpg)
![](https://freight.cargo.site/t/original/i/56c52f39d25b390b0680bb25c39a0f4c924b2adb5b52bd754c965a2653956718/sun_top_7_780.jpg)
![](https://freight.cargo.site/t/original/i/7447a9493cdecc285a9e7abfc6725423464ba365e3d1324659405f4af8614133/sun_top_8_780.png)
![](https://freight.cargo.site/t/original/i/535dabf334ef730496a9f7074c195e677fa025fe8b560c5592b64935ed1d2bb7/sun_top_5_780.jpg)
Delivery
I created detailed reference documentation that outlined template structuring, type use, word counts etc to assist The Sun editors workflow.![](https://freight.cargo.site/t/original/i/226ba47e7d76ca8808ff15634605dc510d556e41bc843896a8f5c903c562c601/Screenshot-2022-03-28-at-16.29.30.png)
![](https://freight.cargo.site/t/original/i/b18eaaf9bd8c311bfc61b52ddc59695b5e44300a964557a90647534d69c2893c/Screenshot-2022-03-28-at-16.29.12.png)
![](https://freight.cargo.site/t/original/i/30c90d9719e713473320d99d3d500badaffef2f8815107b7a5de4705f8ad7ea4/Screenshot-2022-03-28-at-16.28.59.png)
![](https://freight.cargo.site/t/original/i/82ef3676b9600f25b2cf661ac49a127c16e8442f18f70f4766921903d7867977/Screenshot-2022-03-28-at-16.28.42.png)
![](https://freight.cargo.site/t/original/i/4f87ca88dd592adc00aaba05659151c9a29ca54d573c1bf8578d78eacdc738f7/Screenshot-2022-03-28-at-16.28.26.png)
![](https://freight.cargo.site/t/original/i/7dae95c51496b15c2ebcb70795f9b17e95c33053336793e818b5916e9226f773/Screenshot-2022-03-28-at-16.27.58.png)
![](https://freight.cargo.site/t/original/i/068daa35448e990e67074c38b7a6fdc301b0785cf3d284dba65743a079ea8adc/Screenshot-2022-03-28-at-16.27.39.png)
![](https://freight.cargo.site/t/original/i/4812c06f558e5aaf457ad40595d200149d00d4c9d06e69e96f38ea433d0f1037/Screenshot-2022-03-28-at-16.27.26.png)
![](https://freight.cargo.site/t/original/i/b87ea220443cdd21d624c1f2e923dca7b392bb9cac70b4f26bb8682db9e8fd53/Screenshot-2022-03-28-at-16.27.04.png)
![](https://freight.cargo.site/t/original/i/1ca9ec82dc6be98093141f586fb137f1b9b44eab83157dbb8a77d9c1aa2256f5/Screenshot-2022-03-28-at-16.26.43.png)
Role: | Design Lead |
Project: | Visual Design, Design Patterns, UX Design |
Client: | The App Business |
Creative Director: Iain McConchie | |
Project Manager: Antonia Redgrove | |