MENU

Project Examples: Web Design Officer



Project Examples: Web Design Officer



Project 1 : The Bureau of Investigative Journalism

Responsive single page infographic website designed and developed for The Bureau of Investigative Journalism’s project on unaccompanied minors across Europe 

Having collected audio, visual and written data of first-hand accounts from newly arrived refugees in Europe on their personal stories of travelling to and arrival in Europe, the Bureau contacted me with the brief of finding a way of using the data in all its complexity in an interactive way, focusing on the narratives of the interviewees. To do this, we decided to combine specific individual accounts – presented as motion graphics based on recorded interviews – with case studies from each of the European countries that they arrived in – presented as separate infographics. 

The goal of the project was to highlight the amount and frequency of unaccompanied minor refugees arriving in Europe as well as discrepancies in policy between different European countries – from high refusal rates and outright blockages to bureaucracy that hinders or undermines the free movement, education, or ability to work of people even where European law is enforced. 


Skills: Concepts, design, motion graphics, illustration, infographics and front-end development. 
Link to live project: Bureau of Investigative Journalism website


Screens


Project 2: Joint Research Centre

An interactive website designed for the European Union’s Joint Research Centre on the topic of financial regulation to be presented at an exhibition open to the public

The brief was to present complex data that had been harvested by the JRC in an accessible but still meaningful way for final output as an interactive website displayed on touch screen tablets at an exhibition space. The project was divided into an informational section followed by an interactive section where the user can change the parameters of banking regulation to see the impact on deficit.

For this project, my duties were designing assets, overall look and feel and concepts for the interactive section.


Skills: Concepts, illustration, UI design for touchscreens


Screens


Project 3: Arrow

Large e-commerce website worked on as part of a team over a number of months, focusing on detail and brand consistency

Web project for a leading electronics company opening up to a consumer market done whilst contracting at The Bio Agency.

The amount of data on the site posed a challenge in terms of UX/IA, which was the biggest task throughout the project. Design itself was built on a modular system that works responsively, so required lots of attention to detail, testing and pre-emptive thinking.

My duties throughout this long project were UI design in close collaboration with UX designers and other designers using Agile processes.


Skills: UI, UX, Sketch
Link to live project: Arrow website


Screens


Project 4: Flight app

Concept design for a hypothetical app conceived as a result of identifying a need based on my own personal experiences

After identifying a need of my own and considering the functionality and feasibility of the idea, I designed some screens for a hypothetical travel app that would allow users to search using two origin cities and then provide a list of possible common destinations.

Done as a personal project/exercise/idea.


Skills: UI, illustration, identity


Screens