UX/ UI Design Sprint – Alertas Agriculture app

UX/ UI Design Sprint – Alertas Agriculture app

Alertas

Alertas, from Velos technology in Brazil, is a smart notification app that connects to computers on board a range of farming vehicles. These computers report data on driver actions, engine status and warning types.

In 2019 I was asked by a to help clean up their main interface, which felt clunky and difficult to interpret. My brief was to redesign the homepage with a more user-focused flow and visual treatment.


The brief

Improved UX interaction with filter options and menus.

Major clean up of brand identity and UI

Low budget: 12 hours design time

Moodboard for RexAgri

First action was to do some competitor research and to create moodboards for the UI look and feel. I looked at similar data-focused applications.

I created a low-fi wireframe in Sketch and prototype flow and conducted some guerrilla testing with convenience sampled users to assess whether the data was more readable and available actions clearer.

The wireframes were then shared with the client, tested and amended over 2 iterations. Once we were satisfied they met requirements I developed the prototype to mid/high fidelity and shared with the dev team.


The result

The result of the sprint was a much cleaner, focused interaction. Each filter status was given its own icon and visual identity that could be introduced through out the application providing consistency and easy recognition. The introduction of the bottom menu bar brought the important filter actions within easy access.

Passages, Dark Sky ARchitect

Passages, Dark Sky ARchitect

 

Passages is a game about light and dark. Follow the map and discover Dublin’s unique architecture with this innovative augmented reality experience. Play the game to change light in to dark, transform the night’s sky and reveal Ireland’s hidden celestial heritage.

This project began as an exploration on how design can influence change in our attitudes towards the environment. It identifies light pollution as an issue that effects energy consumption, human and animal health and the visual impact of our skies. Ireland’s deep connection with the sky stretches back to our ancestors through stories of pagan gods and the architecture of the dead.The Passages brand is named and inspired by the passage tombs of ancient Ireland, and the paths of light that travel through the interior of iconic sites such as Newgrange.

Passages is an augmented reality mobile game that guides the player through the city to some of Dublin’s most famous sites. At each of these locations an interactive puzzle game reflects the specific architectural space that it occupies. Each level combines the familiarity of a classic arcade game with a unique juxtaposition between light and dark. By exploring this use of light and its effect on the environment, Passages aims to increase the players awareness of light and its uses. After winning each challenge the player achieves a star that is combined with others to form constellations.These constellations are unlocked on an AR map and reveal behind the haze a stunning true night sky. For this project the app has been prototyped and supporting print and web collateral produced.

passages2

Passages engages the audience with a clean, minimal design that focuses on exploring Dublin’s architecture while highlighting Ireland’s own International Dark Sky Association (IDA) accredited Gold Star dark sky reserves in Mayo and Kerry. As such, the app doubles as tourism map and advertisement for two key off-season attractions on the Atlantic coast and celebrates that Ireland is not just green, it is also rather cosmic.

 

Research Blog

For the duration of the project I kept a digital diary of my findings and research which can be found at  https://laurendaygraphicdesign.wordpress.com

 

Wireframing, Flow and Prototypes

app

artboard-1structure

 

Printed Collateral

 
poster.png
 
 
 
 

 

Icons

ljd_passages_icons

 

Website

 

Betconnect

Betconnect

Betconnect is a social betting exchange that connects punters with Pro gamblers in a unique experience. In my roll as Designer at Billion.Studio I work as part of their product team to strategise, design and develop an optimal user experience for this revolutionary platform. This involves UX and UI improvements on the platform using Sketch, Zeplin and Adobe After Effects as well as the creation of traditional digital and print marketing materials.

Dust

Dust

dustbellypaperinhandprintersmarksspreadopen

This publication explores the concept of dust as its definition moves from a place of physical matter to that of a virtual. It was designed for entry in to the ISTD Student awards and selected by the college to go through to the judging stage.

The publication was sparked by the idea of a contronym, which is a word that means its own opposite. Dust is a contronym in that it means both to sprinkle with dust and to remove dust from something. It is a beginning and end simultaneously. Contronyms are used visually throughout.

Dust is created using a series of complex strategies, despite its understated first impression. It is a palindrome and can be read in either direction, returning to its original state. Each physical sheet can be isolated and a dialogue occurs between

the two articles that exist on the printed page. The book becomes more abstract and digitalised as it is reduced to pure data in the centre spread. It is printed on newspaper to juxtapose the complex ideas of data retention with analog form. It is packaged in an anti-static bag (another contronym), temporarily dust-free until its first interaction with a viewer.

‘IT 2017’ Fashion Event Branding

‘IT 2017’ Fashion Event Branding

Website created for ‘IT – Identity Transformation’ Fashion show.

The brief was to design a website, digital & print invitation and logo for a graduate student fashion show under the general theme of ‘identity’. I decided to focus on aspects of the psyche, breaking down personality to Freud’s id, super-ego and ego. I gave each of these states a visual representative:

  • Ego (our set sense of self) – block colour
  • Super-ego (the conditions/beings that regulate and influence us) – parallel lines
  • Eg- (Our desires and libido) – Swirling messy line

I then followed the idea that these students were in the process of developing a new form of identity, i.e. one that moves from student to graduate to professional, their own ‘identity transformation’.

The Website:

Based loosely on the idea of an ‘Exquisite Corpse’ where 3 layers of the body are draw by different people and when unfolded created a ‘new’ being. When hovering over the blocks they change to reveal another figure underneath, allowing audience to interact with the site.

allscreens.png

 

Invitation/Digital GIF:

banner2

Invitation Printed:

Folded & cut – to create a interactive ‘exquisite corpse’

itfashioninvite3itfashioninvite

 

Vectors:

‘Orwell in Revolution’ Project

‘Orwell in Revolution’ Project

animal farm page of Orwell in Revolution publication, subcaption displayed in circle with number 6 in red typeOrwell_bind_SCREENOrwell_book2_SCREENOrwell_four_SCREENOrwell_hands_SCREENorwellopenorwellpoem

The brief was to create a publication and other collateral for a retrospective of the work of George Orwell.

Orwell in Revolution Exhibition & Concert Series

George Orwell was born to British parents in Burma in 1903. His work is most often about the struggles of man against totalitarian regime and throughout his writing, his characters unite in rebellion by means of song, chant and repetitive drones. The once-forgotten anthem ‘Beast of England’ in Animal Farm; The chants of BIG BROTHER in 1984; the Spanish songs of revolution in Homage to Catalonia; the tribal rhythms of dancing native girls in Burmese Days; to name a few.

The international show ‘Orwell in Revolution’ explores these lyrical and rhythmic motifs in a series of performances and exhibitions taking place simultaneously in four cities across the globe. London, Paris, Barcelona and Burma (Myanmar).

Record Sleeve

Orwell lived in each of these locations throughout his life, having been born in Burma to British parents, and serving in the Indian Police force there before returning to work in London and Paris. He also served for a time in Barcelona along side the rebels during the Spanish Civil War that occurred against the rise of fascism in Europe in the early 1900s.The publication ‘Orwell in Revolution’ was created to accompany the international events and is created in the style of record sleeve. It is intended to be a bespoke table piece, to be kept as a memento and an enjoyable item to dip in to at leisure.

Structure of Four

The record consists of four parts, each representing one of the locations of the exhibition and containing articles and songs written about and inspired by Orwell, as well an excerpt from one of his novels. The story chosen in each section directly relates to its location, by means of either the physical setting of the narrative or in recognition of the truth-life sequence of events that inspired it. The notion of ‘4’ is continued throughout the document, via a 4 (8) column grid, the symmetry of the square layout, the use of ‘+’ as glyph for pull-quotes and the drop-cap of 4 lines.The publication also comes with a physical vinyl record containing ‘fictional’ songs inspired by the writing of Orwell. The intention is that these songs are performed as part of the international exhibition along side his writing. The four booklets, record and poster are contained individually in ‘pockets’ using an exposed side binding using layers of card that are pressed together and glued. This exposed binding, somewhat rough, reflects the idea of the exposure of some form of ‘truth’ or the revealing of the underbelly, common subjects in Orwell’s writing.

Appendix

Other points to note:

• Winston Smith, a character from ‘1984’, works in the Department of Records at the Ministry of Truth, which deals with the editing on past news clippings in order to change history to the benefit of the ruling party.
• The 12-inch LP was first introduced by Columbia records in 1948, the same year ‘1984’ was published.
• Orwell’s writing is often about revolution, an alternative meaning to this word is to revolve or turn, similar to the action undertaken by a record.The entire publication is kept relatively clean and minimal. This is intentional in order to create a contradictory space that is both easily accessed but also removed of any “extra” information. It is both completely controlled and at the same time the white space and expressive typography makes it open and free for interpretation. The aesthetic of the book is also a nod to Swiss Style, which was prevalent in the mid-twentieth century, emerging around the time Orwell’s work was published.

SaveSave

‘Shooting an Elephant’

‘Shooting an Elephant’

These six illustrations were created to accompany the George Orwell short, ‘Shooting an Elephant’ in which a former British soldier in Burma recalls his experiences. Because of this element of recollection, I focused on aspects of nostalgia and regret for these drawings. Sepia-toned watercolour is used to represent a dreamy, forgetful quality, one of blurred lines, uncertainty and shame. The images might hang on the narrators wall, like old photographs as tries to forget is exploits.
 

hidden behind a mask - water colour painting
Masks

watercolour drawing of buddhist priest
Buddhist Priests

Bones on Display
Elephant bones

The Burma Rifles
Burma Rifles

Elephant mask
He wears a mask and his face grows to fit.

labyrinth of Bamboo huts
labyrinth of Bamboo huts

 

The drawings are created on 200gsm textured fabriano watercolour paper, scanned and retouched in Photoshop. The background leaf motif was created using linoprint, again scanned and then made in to a custom brush pattern. The drawings subtly compliment the story but do not over power it, and are intended for print in small independent publications like The Moth or The Literary Review.

SaveSave