Page 1

AG

DESIGN PORTFOLIO


Contents

2

1 BL AZE - An early warning system for forest fires.

LOUDVOICES - Platform for connecting campaigns

4 BUNA - Re-designing the coffee experience.

5 WALKS - Discovering your likes in smar t cities


3 BARK - Uxathon17 competition

6 EXPEDITION - Car ownership, re-defined


BLAZE

WILDFIRE EARLY WARNING SYSTEM

“The devastating fires have also reignited debates over prevention, land use and forestry management in an era of climate change.” - Financial Times


8 102 200

Million acres of forest burned annualy by wildfires Deaths due to wildfires in California and Portugal (2017) Million Euros are the annual damage costs of wildfires in Portugal

Between 25% and 35% of greenhouse gases are produced by wildfires.


BLAZE

WILDFIRE EARLY WARNING SYSTEM

CONSTRAINTS Environmentally concious design

Deployed at mass quantity

Makes full use of the IoT potential

Low power consumption


IoT MASS MESH COMMUNICATIONS Mesh networks are a new and evolving trend. Where nodes connect directly and dynamically to as many other nodes to cooperate with one another to efficiently route data to the controll centre. This technology is ideal for the chosen scenario.


BLAZE

WILDFIRE EARLY WARNING SYSTEM


Final Design DESIGN CONSIDERATIONS The final design incorporates many elements from the initial ideation on the previous page. The tripodular form directs the product during it’s fall whilst keeping the sensors in an elevated position on ground. The rounded base is optimised for a high impact landing dissipating the force throughout the product. The product is manufactured in a two main body injection moulded piece reducing manufacturing costs and material consumption.

Final Design


BLAZE

WILDFIRE EARLY WARNING SYSTEM

DEPLOYMENT

MONITOR FOR FIRE

Blaze is deployed in a swarm formation from a cargo aircraft. The moment the products are ejected the biodegradable parachute expands for a smooth trajectory and landing.

On the forest floor, Blaze is hibernating to conserve power. In its hibernation mode Blaze periodically looks out for signals from potential wildfires.

TRANS

When a wildf Blaze uses m transmit a dis large distanc government for preventin


SMIT WARNING

fire is detected, mesh networks to stress signal over ces to the apropriate agency responsible ng wildfires.

FIGHT FIRE

!

BIODEGRADABLE

A TE A P R E M WA S D VE E E X PA N T T H E P L OY E D FIRE NDIN T FRO O G M

!

Data transmitted from Blaze can be accessed from emergency personel to make the best judgement on the required action.

Blaze is designed to be fully biodegradable further minimising negative effects on the natural environment. Blaze has a life span of 2.5 years.


BLAZE

WILDFIRE EARLY WARNING SYSTEM

Hi-Fi Modelling BLAZE PROTOTYPING The modelling phase of this project is to provide both the client and the designer a physical and visual protytpe for the concept. We were limited to traditional methods of modelling with rapid protyping and CNC banned. This required me to think out of the box in terms of manufacturing the model due to its triangular unique form.


BLAZE

WILDFIRE EARLY WARNING SYSTEM

Material Choice CONCIOUSLY SUSTAINABLE As the product would be deployed in mass quantities over vast areas of forests designing with environmental conciousness is imperative. Compostable plastics is an emerging material with benefits of decomposing into harmless, natural elements. The Battery will be of a wood pulp based compound which is both high in energy density and low in weight.

Decomposes in 2.5 year

Compostable injection m

Wood-pulp based Batter

Biodegradable Electroni


rs

moulded plastic

ry

ics


BLAZE

WILDFIRE EARLY WARNING SYSTEM

FINAL MODEL VISUAL / PHYSICAL PRESENTATION


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA


A common platform for change A Personal Project


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA

Jess Lee Politically aware Millennial Pain Points Jess is a 19 year old US citizen studying architecture at Parsons university. She is concious of global events and is particularly passionate about the environment. Coming from Hong kong, she knows the impacts of pollution and bad waste managment.

Experience Goals Jess would like to channel her voice and thoughts into impactful movements and campaigns. She would like an easy experience to connect her with local and international campaigns making her voice heard.

Task Goals Jess Lee would like a platform where she is able to visualise all the campaigns running in her local community. Jess would like to record her interest in an app and get targeted information inviting her to an event. She would like live updates to be transmitted to her phone during an event to keep her updated on any special messages or changes to plan/event location.

Difficulty of being informed of are going on in the community

Getting updated on the status complicated and confusing as use different platforms/social

4.6 Million people marched in Womans March in 2016

7%

Growth in global youth pop in 2030

2.87

Billion smartphones users


what campaigns y.

of an event is s different events media sites.

the US at the

pulation projected

predicted in 2020

“LoudVoices is a common platform for change in the modern era. It simplifies the difficult process of organising and joining movements and brings together young people with ideas and passion.�


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA

“I AM PASSIONATE ABOUT THE ENVIRONENT AND I WANT TO GET INVOLVED IN ITS PROTECTION, GET MY VOICE HEARD!”

R O F ED S I N A E G R R E O T !H N K E E E V E E K I W L N T A U X S O E I Y N E D N R L E G I U H A O T “ MP ,W A S L C I T H I S H E D E TA T ARE TEND?” T A O T


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA

Crisps

5140 PM

100%

Crisps

5140 PM

100%

BACK

NEXT

PROTEST CARD LOGO

ADD TEXT HERE

NOTIFICATION

WHERE

26

27 28

DISCOVER

GOING

WIREFRAMING

September

1991

CHOOSE CARD COLOUR

MEDIUM BUTTON

ME

Done

DATE

START PROTEST

ME

October

1992

November

1993

DISCOVER

GOING

START PROTEST

Homepage

On this page you se protests you have s And a list of your lik in #tag form.


ee all the signed up for. kes and views

Discover Page

Going Page

On this page you will see all the running and upcoming protests. These may be viewed in two options. “Nearby” and “popular”.

This page shows you an overview of all the protests you have signed up for. Notification badges indicate any important messages or uptates. The dates are clearly indicated next to the protest name. These areordered in chronological order.


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA

Protest Card

Update Page

Map Page

Protest cards give an overview of the protest as it is. It provides information such as sponsors, timing, location etc. This helps you decide if you wish to follow it or not.

This page shows the protester any necessary updates to look out for. These updates are pushed to your phone and may consist of anything the organiser wishes to share. The most recent update is highlighted in red and past updates in grey.

On this page a de the organised ma presented. The st location are clear information provi AppleMaps. The m exported to its na


etailed view of arch is tart and end rly indicated. All ided by map may also be ative app.

Checklist Page

Supporters Page

On this page, a checklist is presented. This checklist has been personally curated by the organisers. This helps remind protesters what to bring. (gives an interaction for the protesters)

On this page you will see the logos of the 10 largest supporters for your protest. This can be in money form or simply support. Individuals may also donate to the page to help the cause (Through ApplePay)


LoudVoices A COMMON PLATFORM FOR CHANGE IN THE MODERN ERA


Bark.

A DOG MONITORING APP FOR HONG KONG

THE EXPERIENCE The UXathon event is a full day challenge wherby design teams from Loughborough university work with MBA teams from Hong Kong university to realise a startup from conception to prototype. Our Hong Kong team wanted us to develop a platform for HK dog owners whereby owners are able to monitor the health and wellbeing of their dogs whilst mainting their busy lifestyle.


Uxathon Challenge Group work, 6 hours


Bark.

A DOG MONITORING APP FOR HONG KONG

Lucy Wong Hong Kong dog owner Technology Use 32 year old marketing executive in Hong Kong. Lucy works 5 days a week and lives on the 34th floor of a highrise building. She has two dogs, (Pomeranian + Chihuahua) and deeply loves each of them.

Lucy is digitally literate and owns Galaxy S8

Task Goals Experience Goals Lucy Wong would like to have greater connection with her dogs. She struggles with this as she usually is off to work and is unable to walk the dog or spend necessary time with them. Living in Hong Kong she is concerned with the dogs wellbeing and would like to experience a sense of comfort and saftey knowing her dogs are in good health.

Pain Points Little time spent with Lucy’s dogs result in lucy loosing connection with them. Lucy is unable to find good dog walkers in Hong Kong whilst she is at work Lucy is afraid not to be informed of any health concerns relating to the dog and therefore unable to act on it.

Lucy would like an app that ensu health. She would like remote ac enhance her connection with the encourage Lucy to walk the dog i Hong kong. The app should also provide a ma and related services such as con

80%

of dogs in Hong Kong do th the helpers instead of own

37.7% of all pets in Hong Kong ar


s an Samsung

ures the dogs are in good cess to the dogs vital signs. To e dogs. The app should also in known locations around

arket place for dog walking ntact with vets.

heir exercise with ners .

e dogs.

“A platform for dog owners to monitor, track and check the health of their dogs. The app will also allow owners to access vets, a market place as well as oversee your dogs social interaction.�


Bark.

A DOG MONITORING APP FOR HONG KONG

BRAINSTORMING AND CONCEPT IDEATION WIREFRAMES, USER JOURNEYS AND SITEMAPS

Throughout the morning our group worked intensley to identify the key elements of our project and was to achieve our goal in as little touchpoints as possible. At this stage, we categorised our app int Health, Social and Market). We communicated continuously with the MBA team from Hong Kong to p


N

d the users journey. Our aim to four sections (Home, pitch our ideas.


Bark.

A DOG MONITORING APP FOR HONG KONG

1

Bark

Awarded “Be LOUGHBOROUGH DESIGN SCHOOL


est Prototype�


buna

BRINGING ARTISANAL COFFEE INTO THE HOME


Re-developing the coffee experience Group work, 11 weeks


buna

BRINGING ARTISANAL COFFEE INTO THE HOME

Jean-Francois

Apreciation for great coffee Pain Points Jean-Francois is a recently retired (52 year old) French father now living in Cannes. He drinks coffee on a regular basis whilst he reads in his summer house. Jean-Francois has an eye for interior design and searches for unique products to add to his ‘collection’.

Coffee Makers are dull and lack interaction.

Unable to fully customise the t of coffee.

Task Goals

Experience Goals Jean-Francois wants a coffee maker which enhances his experience with the drink. He would like the artisanal/manual experience of making coffee with an element of technological automation to assist him.

Jean-Francois wants to make the of coffee in his summer house. H the coffee maker to serve severa Interaction with the product is im give an authentic artisanal feelin

20%

Increase in specialty coffe

12

Independent coffee shops annual sales


k personal

taste of the cup

e perfect cup He would like al people. mperative to ng.

ee sales per year

s equal $12 billion in

“Industry insights suggest that a growing number of European consumers are prepared to pay higher prices for highquality coffees� - UK Ministry Of Foreign Affairs


buna

BRINGING ARTISANAL COFFEE INTO THE HOME


IDEATION GROUP SKETCHES With the history researched and the technology proven, the group set out to ideate many different iterations of form and function. The team was strong with vivid brainstorming and creative thinking which resulted in a unique design ideal for the summer house environment.


buna

BRINGING ARTISANAL COFFEE INTO THE HOME

MODEL DEVEL

BLUE FOAM & SCHEM

Once we narrowed down our desi develop them as physical prototy was organised to help improve th experience. Different materials a used to differentiate key design e considerations.

A Visual and Schematic mode technology and user e predominantly included co coffee machine which was pro

Engineering drawings were t component fit. It was a element


LOPMENT

MATIC MODEL

igns we set out to ypes. User testing he user flow and nd colours were elements and

el were produced to test both the xperience. The schematic model omponents from a disassembled ovided at the start of the project.

then later produced to guarantee also an oportunity to identify key ts of our design for manufacture.


buna

BRINGING ARTISANAL COFFEE INTO THE HOME


STORYBOARDING VISUALISING THE USER EXPERIENCE The storyboard emphasises the intricate yet intuitive steps needed to create the best cup of coffee. The coffee is brewed using a siphoning technique containing two chambers of vapour pressure and vacuumes. This traditional method was prized for its clear brew and is being brought back with Buna.


buna

BRINGING ARTISANAL COFFEE INTO THE HOME


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

Making


g the best use of your limited downtime UX Module Group-Work


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

Bath, UK

Des

Background

Michael is a married family man wit travels abroad for meetings and wo His schedule is busy and he tends t normal business trip, Michael tends hours during the week. He likes to b avoids tourist venues as he doesnt trip includes a weekend, Michael lik time to discover new places and im

Michael gets around with Lyft throu most rapid and convenient way of t quality food, products, and is const his spare time, he is interested in hi and technology.

MICHAEL CLARK PERSONA Michael (45 year old) strives to be successful within his business but would also like to expand his cultural awareness. He wants to be more travel savy and spend his leisure time on business trips efficiently so that he can make the most of traveling to new places.

Pain Points Limited time Difficulty in advance planning Difficulty in finding quality locations Information available is tailored towards tourists


sign Director at Lyft

th two children. Michael frequently orkshops with clients and colleagues. to make the most of his days. On a s to have limited downtime of 2 to 5 blend in with the local crowd and have the time for it. When a business ke to go on longer trips and takes the mmerse himself in the local lifestyle.

ughout his business trips and it is the travelling. Michael appreciates high tantly aware of technological trends. In iking, photography, Jazz, Fine dining

JFK, TXL, AMS, SFO and LHR

‘If I am confident that I can find a new place of high quality, I would prefer to take that. I want to be able to immerse myself in a new city and fit it within my time constraints� Technology Usage As Michael is employed by a technology company, he has the most up to date technology available. Each year Michael upgrades to the latest model of smartphone and he recently purchased a new iPad Pro. He mainly uses news apps and informative apps such as Google Maps, Lyft and Microsoft Outlook. Michael has a limited social media presence as he prefers to use it for business orientated interactions.

Experience Goals

Task Goals

Confident in knowledge that he has made the right decision

To get tailored recommendations

Secure timings and organisation Feeling liberated from business constraints Feeling immersed within the local culture.

To make efficient use of time Discover high quality places based on personal preferences Awareness of nearby favourite locations Linkage to familiar transport options


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

USER RESEARCH INTERVIEWS AND SCENARIO MAPS When developing our UX project, we took a step back and refocused our thoughts on the core elements of our idea. We conducted playbacks to our group to get everyone updated on any research conducted with a Sponsor User. Following these playbacks, we then continued onto developing a scenario map where we developed a strong understanding of the users workflow.


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

Splash Screen Log in Create account Home

Discover

Settings

Theme selection

T&C’s

Profile

Privacy

Recommend Edit Accept/Decline Final Trip Finished route Rate + Save favorites

Share

Calendar Sync

Likes/Dislikes

Edit Pub


blic Profile

SITEMAP ORGANISING THE CONCEPT A key part of our research identified that the user wanted a quick and simple way of organising their trips - the site map should reflect this. Therefore from the home screen we designed only three possible routes - Discover, Settings and Profile. Smart city data will be used in our project down the Discover chain - it will make smart decisions for the user, for example traffic data will be used to calculate which mode of transport is most effective. This will be weighted according to the users preference.

Saved Places

History


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

FINISHED MEETING

Michael has just finished his afternoon business meeting at Lyfts New York offices in downtown Manhattan. He has three hours free in the city before he has another meeting.

CREATING ROUTE

He opens the app and inputs how much time he has free along with requirements; such as the trip must include a place to eat. The app uses its knowledge of Michael and his preferences along with smart city data to provide him with the ideal route.


ROUTE PROPOSAL

Michael then selects a plan involving photography and a Jazz restaurant. The app asks him how he would like to travel.

DIRECTIONS

The app then directs him to the nearest subway station and informs him of what ticket to buy and which line to take.


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

GUIDANCE

The app then guides him through Central Park. Scenic spots in the park are notified as good photo opportunities.

TIME MANAGEMENT

After a little while in the park, the app notifies him when he needs to leave to get to the suggested Jazz restaurant.


MICRO ROUTES

It directs him to the Jazz restaurant which is on the other side of the park, only a short walk away.

TAILORED EVENTS

Once there, Michael enjoys an evening of good food and entertainment having made good use of his free time in the city.


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

Splash Screen

Main Page

Time Select

INITIAL WIREFRAMING ORGANISING A WALK The aim of this concept is to provide people visiting a city with tailored recommendations to make best use of their leisure time. The app will take away the stress and time involved in preparing for a visit by indexing the cities data and merging information on traffic, popularity and other factors.

Route Proposal (Map)


Route Proposal (List)

Directions to location

Arrival at location

End Summary


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

USER TESTING WALKING ROUTE IN AMSTERDAM I created a digital mockup of the wireframes on keynote to make it interactive. The user then conducted a roleplay where she was then asked to complete certain tasks in the real world with the app, and voice her thoughts at every stage. Once the role play had been completed, we then held a de-briefing session where my user would identify pain points within the app and propose potential solutions.


“The app should have a greater visual representation of which stage they are at in the walk and how many more locations are there to visit.�

PAINPOINTS Time selection interaction is too laborous. Not enough information on map on individual POI. Unable to track progress throughout the route. Global navigation not fully apropriate with iPhone X interface. Iconography at time is confusing and needs simplification.


Walks

DISCOVERING YOUR LIKES IN SMART CITIES

PERSONAL

EFFICIENT


CONFIDENT

LIBERATING


RoadTrip RE-DEFINING CAR OWNERSHIP

Re-defining car ownership Personal Project


RoadTrip RE-DEFINING CAR OWNERSHIP


RoadTrip RE-DEFINING CAR OWNERSHIP

Thomas Den Bos A City Businessman Pain Points Thomas is a 38 year old manager at a startup in Amstdam. His office is located in Schiphol, a 20 minute drive from his house. Thomas just bought a house in the canals of Amsterdam and chooses not to buy a car as it is expensive and inconvenient.

Experience Goals Thomas would like a service where he is able to remove the constraints of owning a car yet keep all of its benefits. The service should be more straightforward than traditional car rentals yet give the feeling that its his own car. He has the financial resources to pay for a better quality car that he actually likes to drive.

Task Goals Thomas wants a transparent and clear service where he is able to book the same car (or another if he chooses) in only a few clicks of a button. Thomas doesn’t want to go through all the paperwork traditional rental companies require. Thomas wants to feel like he owns a car without strings attached.

Limited parking and high costs car an unreasonable choice in

Thomas doesn’t need a car eve work

Fed up of all the paperwork req complete when renting a car fo When choosing to rent a car, T gets what he asks for.

€800-2000

Monthly average cost of ca Netherlands. (Most expens


s makes owning a Amsterdam.

eryday to go to

quired to or the weekend. homas rarely

0

ar ownership in The sive in the world)

“RoadTrip is a ride sharing service for those wanting to remove the constraints of owning a car yet keep all of its benfits. The service provides seamless access to high quality cars for urban citizens.�


RoadTrip RE-DEFINING CAR OWNERSHIP

COME VISIT US IN PARIS!

“YOU HA AT YOU

LA S E T R “ YO U FOR Y D A E IS R ” PICKUP


YOUR TESLA IS RESERVED AND WILL BELIVERED 6 HOURS BEFORE YOUR PICKUP.

AVE ARRIVED UR RENTAL”


RoadTrip

Splash Screen

RE-DEFINING CAR OWNERSHIP

Log in Create account Home

Book New Booking

Bookings

Previous Rentals

Select Categoty New Category Accept/Decline

Profil

Upcoming Pickup Map Unlock

Current Car

Private


SOLVING PROBLEMS

le

e Data

USING COST INCENTIVES Legal, T&C’s

Developing a ride sharing platform raises many questions on the overall experience. Questions regarding cleanliness, delivery and parking. To deal with this, I have taken the simple solution of incentivising these problems to the user. The user will be entitled to earning credit off their rental regarding. Here are some examples of this in place.


RoadTrip RE-DEFINING CAR OWNERSHIP

USER TESTING WIREFRAMING With the initial research completed, wireframes were generated to realise the project idea. Many iterations of each wireframe was user tested and then evaluated on a range of individuals and sponsor users. With each cycle it was back to the drawing board to see how the interface could be improved for the best experience.


RoadTrip RE-DEFINING CAR OWNERSHIP

Login Page

New Booking - Main Page

Category Sele

Expedition carries a very minimal yet functional aesthetic. Using elements inspired from the iOS interface it is able to evoke a professional and trustworthy brand image.

When making a booking, the user is presented with this highly minimalistic page. This is to ensure clarity and ease of task.

The user has the wide variety of ca available for rent. user is annually s the ‘Executive’ ca the option to exp selection by purc have access to m vehicles.


ection

option to select a ategories . Currently the subscribed for ategory but has pand their chasing a pass to more apropriate

Electric Category

New Booking - Completed

The user clicks on a category to recieve more information regarding it. Clear pricing is presented and an array of available cars are also visable below. If a car brand is sponsoring a certain category it will be featured on this page.

When all the information is entered Expedition will provide the user with an estimated price for the whole trip. The user will then accept or decline this proposal.


RoadTrip RE-DEFINING CAR OWNERSHIP

Bookings - Car Info

Bookings - Locate Car

Bookings - Un

When an upcoming booking has been selected, the user is presented with up to date information regarding their assigned car. Highlighted features of the car are included and presented visually.

When locating the booked car, the user is presented with the cars number plate and GPS location projected on an interactive map.

Expedition takes a smartphones NFC unlock the car in c This ensures a sm between car drive the need to manu keys.


nlocking

Bookings - Current Car

Profile

advantage of C capability to close proximity. mooth transition ers and removes ually hold the car

When driving the rented car, the app focuses on that individual car. The widget on the top left logs the days available for rent (the user may choose to add aditional days at a cost). The user is presented with interactive buttons relating to his/her rental. Remote location, unlocking and accident reporting are within a couple clicks of a button.

The profile page is very simple in design. It presents all the relevant information and allows the user to have full clarity and control of their account.


About me ARNAUD GILLARD

personal statement

I am a designer driven by the desire t with everyday life. The way products used fascinates me. I love working w and I am always eager to learn and re

I am Belgian, born in Malaysia, raised Amsterdam and studying in the UK. M aviation, technology and change for experience in both my course and un

I am looking for a year long placeme utilise these skills and passions to w


t

to merge innovative technology s are developed, manufactured and with teams on a variety of projects eady to take initiatives.

d in Hong Kong, living in My passions involve photography, good. I have significant leadership niversity.

ent opportunity where I am able to work.

Please feel free to contact me gillard.arnaud@gmail.com +447479490156 Reference: David Bramley D.A.Bramley@lboro.ac.uk +44 (0)1509 228312

Arnaud Gillard UX/UI Portfolio  
Arnaud Gillard UX/UI Portfolio  
Advertisement