Mobile Device Project: ISRA

Target Audience:

I created 4 personas, who we would target our product at. This is because despite only having two main functions, I found that they could reach a wider market, where ISRA could be used by different people in different ways. I created this poster using Photoshop. I created a blue layout, to maintain consistency with the UI and branding. I designed the four characters using the shape tools. I like how they turned out simple, yet easily recognisable.

User Interface:

I created this concept art to promote the holographic display, which ISRA uses. I experimented with different layer styles to get this blue effect. I used gradients and glows to add more depth.

My initial inspiration for the UI was the stereotypical idea of what holograms look like, particularly the way they are portrayed in movies (for example lots of blue). I thought this looked quite dated, therefore developed my ideas to a clear, more modern design. I made the arrow the key focus, as it performs the main function of guiding the user. I went for a bold, 3D style to make it stand out. I used red as a key colour as it stands out and signifies urgency. In particular I found that it was important to use a colour which is easily visible against the natural landscape.

I incorporated my UI designs onto 3D car renders, designed by one of my team members. I used the warp tool on Photoshop to give the appearance that the UI was part of the car windscreen. As well as incorporating the compass, mini map, speed and arrow, I outlined the edge of the road using a vibrant blue glow, to enhance safety when driving at night. This is because I have personally found locating the edges of dark roads difficult.

I found that animated icons have started to become used more often, therefore I decided to design my own, using After Effects. I then decided to design a set of static icons, in order to prevent the risk of distractions and therefore unsafe driving. I used primary colours and a bold style, to ensure they stood out and were easy to understand.

I designed this SOS icon using Photoshop, and then animated it using After Effects. I used an exclamation mark as it typically symbolises urgency or danger.

Using Adobe XD, I was able to create a working UI mockup, which shows the navigation between the devices fuctions.

Packaging:

I decided to go for a very sleek style for the packaging, in order to look modern and professional, as well as to keep up with current technology trends. I took inspiration from brands such as Apple, with their simplistic white packaging designs. I however then adapted this, by incorporating a map design into the background, to help portray the devices functions to the target market. I also included images of the devices UI, to outline the sophisticated technology.

Concept Art:

The way we intended our products offline function to work was by storing last known location data and utilising compass technology to help the user find their way back, after getting lost. I created this GIF to promote this concept. I traced the outline of a map and left a lot of blank space above it. Then using after effects, I moved my image downwards, to give the impression of the user finding their way back. I also animated my compass, to help communicate this idea.

I used Photoshop to create this design. I like the effect created by the geometric design inside of the smooth circle. I attempted to make this look 3D by creating a shadow effect. I like the outcome of this as it stands out.

Further Developments:

Following some advice from a lecturer, I decided to design a pair of smart glasses to accompany the main product, in order to create a more convenient, hands-free experience. I wanted the branding to appear very sleek and hi-tech, to appeal to the higher end of the market. I filled in the O and P of the logo to create the appearance of eyes.