IFF:
Sales Tool App

INDUSTRY
Food & Beverage, Health, Biosciences
‍
ROLE
UI/UX, Visual design, Prototyping

OUTCOME
Vastly improved sales preparation collateral concepts in comparison to paper based and questionnaire focused strategies.

There is a huge potential to increase sales numbers and increase revenue drastically.
OVERVIEW
IFF is a global leader in food, beverage, health, biosciences, and scent. Learn how we apply science and creativity to create essential solutions for a better world. This tool was designed to help IFF commercial teams plan and prepare for important negotiations with customers. 

This tool was designed to help IFF commercial teams plan and prepare for important negotiations with customers. The goal here was to modernise paper based sales preparations with an intuitive set of tools and functions.

The approach to designing the toolkit was to simplify interactions, streamline content and engage users.Through the use of clear typography, subtle animations, beautiful photography, video,  and minimalist graphics, the design offers an easy to use UI and enjoyable experience. Interacting with data that otherwise might have been quite mundane or difficult to track has been broken into chunks. Data pulled from Salesforce means admin tasks are minimised.
Typography, colour & imagery
Login & home screen
The user is greeted with a Salesforce login.he intro video is followed by the start module for the tool itself. This is then followed by training which can be removed from the homescreen for experienced users. The dashboard with recent files has been added to help with workflow.Settings can be accessed via the user profile thumb.
Getting started
Defining parameters:I’ve utilised a minimalist style for text input fields. They’re intuitive and help to reduce clutter and information overload. Prioritisation:Here I’ve used a simple geometric design, an approach that can lean towards a drag and drop style of interaction but also has buttons baked into the design that indicate the options for each of the elements. Navigation:As the user progresses through the negotiation tool, the header navigation highlights the current section, within a swipeable navigation bar.
Prepare and Share: This screen summarises the data about to be exported and offers the option to share or download the graphic materials created using the toolkit. A Save and exit button is displayed allowing users to return to the home screen.
Navigation:As the user progresses through the negotiation tool, the header navigation highlights the current section, within a swipeable navigation bar.
The Balance of Negotiation: A lot of data is displayed on this screen, so the aim here was to make easy to interact with and understand. The same design language is used throughout so we use the same style of input fields here, minimising the need for prompting or explaining that the user can edit.The scenarios have their own sub navigation that changes the data focus.Cutting down on unnecessary text and colour allows the user to more readily absorb the information.
GENERATED POWERPOINTS
Sharing the data takes the graphics from the tool and displays them in a deck format.
KEY DATA PRESENTED
With each of the Scenarios generating a slide of their own, along with a slide for the Parameters and Priorities sections of the toolkit.

CASE STUDIES:

villegreen: ecom branding & design

Web design for sustainable e-commerce store. Brand name ideation and identity design.
E-commerce
Sustainability
Prototyping
UI/UX
Visual Design

GIANT BRANDING

For Giant Giving, I developed a cohesive visual brand identity featuring a calming blue and green color palette to symbolize trust and growth, with pops of colourful orange to inspire action. I animated a short video for social media and video intro use, conveying the platform's mission.
Charity
Design agency
Branding
Animation

Display & Social ads archive

A collection of dipsplay and social media ads
Charity
Design agency
Branding
Animation

SHIBUYA: 360°

It’s one of Tokyo’s most famous destinations, yet it requires no tickets and no queuing. In fact, the more people, the better. An astounding 3,000 people can cross it at each two-minute light interval.
Tourism
Web development
UI/UX
Visual design

ibm:
journey to ai

Businesses know artificial intelligence (AI) can transform their operations, but deploying artificial intelligence at scale may present significant challenges.
Computing
AI
UI/UX
Visual design
Animation
Art direction

AIRBUS:
DUBAI AIR SHOW

Airbus’ commitment to being a force for good extends to the most pressing of today’s challenges: climate change. With aviation responsible for an estimated 3% of total carbon emissions, the industry will be pivotal to meeting our climate obligations, limiting global warming to 2 degrees.
Aerospace
Technology
Sustainability
Web development
UI/UX
Visual design

CREDIT SUISSE:
ART experience

How many dimensions are there to Roger Federer? The accomplished athlete readily agrees to be only known as “Cloud Six,” letting the art speak for itself. Roger Federer actually took a leap from simply admiring the art to becoming a part of Ugo Rondinone’s “burn shine fly” – an installation shown at last year’s Venice Biennale.
Art
Finance
UI/UX
Art direction
Prototyping
Visual design

HSBC: NET ZERO

Climate change is a bigger concern now than it has ever been. Amongst a discerning business and investing audience, HSBC wanted to establish themselves as thought leaders and potential business partners to industries transitioning to net zero, helping to accelerate the fight against global warming.
Finance
Sustainability
UI/UX
Visual design
Prototyping

schneider: greenprint

Schneider Electric SE is a French multinational company that specializes in digital automation and energy management. It addresses homes, buildings, data centers, infrastructure and industries, by combining energy technologies, real-time automation, software, and services.
Energy
Sustainability
Web development
Visual design
UI/UX