icon-nuansa-black2

NUANSA

DESIGNER'S COMPANION APP

WOOKMAMA | 2015
NUANSA-APP.CO

VISUAL IDENTITY
USER EXPERIENCE
USER INTERFACE
PHOTOGRAPHY

nuansa-hero-img2

BACKGROUND 

 

WE WERE ALREADY BIG NATURE PHOTOGRAPHY ENTHUSIASTS WHEN WE VISITED A FRANS LANTING EXHIBITION IN LOS ANGELES, BUT HIS BODY OF WORK AND PERSPECTIVE ON NATURE BLEW OUR MINDS AND OPENED OUR EYES. WE BECAME OBSESSED WITH NATURE FROM A PICTURAL PERSPECTIVE; THE COLORS, THE SHAPES, THE COMMON PATTERNS FOUND IN AERIAL OR MACRO PHOTOGRAPHY. WHEN YOU START OBSERVING IT NOT ONLY AS THE FRUIT OF SCIENCE BUT AS A WORK OF ART, YOU DISCOVER THE WORK OF THE BEST AND MOST PROLIFIC ARTIST EVER.

sample-1

AERIAL FROM NASA

sample-4

LANDSCAPE BY SAM FERRARA

sample-5

MACRO PLANT BY JULIEN DERREVEAUX

sample-2

MACRO DEEP SEA CREATURE BY ALEXANDER SEMENOV

formula

OBJECTIVES 

 

FOR YEARS, WE SHOT AND GATHERED A TON OF NATURE PHOTOGRAPHY, SPENT COUNTLESS HOURS ON GOOGLE EARTH, CAPTURING ABSTRACT WORKS OF ART WITH THE INTENT OF SOMEHOW USING IT. EVENTUALLY WE THOUGHT THAT AS DESIGNERS OURSELVES, WE WANTED TO EXPLORE HOW THIS “MOST PROLIFIC ARTIST” COULD BE INSPIRATIONAL AND HELPFUL IN OUR DESIGN PROCESS. THE IDEA OF BUILDING A TOOL, EXCLUSIVELY WITH NATURE IMAGES, AND ITS RESPECTIVE COLOR PALETTES WAS BORN. THE CONCEPT GREW INTO A BLANK CANVAS FOR DESIGNERS WHICH ALLOWS THEM TO EASILY COMBINE COLORS, TYPEFACES AND GRAPHICS IN ORDER TO BUILD FOUNDATIONS OF VISUAL IDENTITY. MOBILE PHONES BEING THE PERFECT VEHICLE FOR THE PROJECT, WE BUILT IT AS A COMPANION APP FOR DESIGNERS.

nuansa-render-photography

NATURE PHOTOGRAPHY ORGANIZED BY GENRES

nuansa-render-colors

COLORS ARE HAND-PICKED BY DEFAULT, THEN CUSTOMIZABLE

nuansa-render-fonts

TYPEFACES LIBRARIES FROM YOUWORKFORTHEM

nuansa-render-texture

GRAPHICS AND PATTERNS LIBRARIES FROM YOUWORKFORTHEM

nuansa-render-overview

OVERVIEW

nuansa-render-export-example

VISUAL IDENTITY FOUNDATION EXPORT EXAMPLE 

nuansa-fullscreen01
nuansa-fullscreen02
nuansa-fullscreen03
nuansa-fullscreen04
nuansa-fullscreen05

WIREFRAMES 

 

ITERATION OF USER EXPERIENCE.

wireframes_V1

LOGOTYPE 

 

THE LOGOTYPE IS BUILT ON TWO SIMPLE YET SOLID GEOMETRIC SHAPES. THE CIRCLE REPRESENTS EARTH, AND THE RECTANGLE ACTS AS THE COLOR CONTAINER, A KEY ELEMENT OF THE APP’S USER INTERFACE. WHILE BLACK OR WHITE ARE THE DEFAULT COLORS OF THE LOGOMARK, IT CAN TAKE ANY COLORS RELATED TO THE ENVIRONMENT WHERE THE LOGO LIVES. HELVETICA NEUE BOLD IS THE TYPEFACE USED WITHIN THE APP AND MARKETING MATERIALS.

logo-construct
logos

PROMOTIONAL WEBSITE 

 

TO PROMOTE THE APP, WE DESIGNED A LANDING PAGE THAT SHOWCASES THE APP’S FEATURES AS WELL AS A DYNAMIC PRESS KIT PAGE. THE LANDING PAGE HAS BEEN FEATURED AS ONE OF THE 20+ BEST MOBILE APP LANDING PAGES. NUANSA-APP.CO

About_desktop

ABOUT PAGE

presskit_desktop

PRESS KIT PAGE

PHOTOGRAPHY 

 

SET OF PHOTOGRAPHS WE SHOT FOR MARKETING MATERIAL.

RELATED PROJECTS /