nois3 case study

112

Upload: nois3

Post on 14-Apr-2017

251 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: nois3 case study
Page 2: nois3 case study

NOIS3 CASE STUDIES

DIGITAL DESIGN THINKING.

+

We design responsive websites and digital strategies to connect organisations to their customers.

Page 3: nois3 case study

NOIS3 CASE STUDIES

we are nois3 a creative web agency based in Rome, Italy. nois3 is an iteration of nois3lab, the design studio we started in 2007. nois3 is built on some hard-earned lessons that taught us to be more agile, fluid and flexible.

We focus on the customer needs and continuos delivery of valuable design. Business people, creatives and developers must work together daily throughout the project in order to promote sustainable and suitable products and services.

At nois3, you talk directly to people involved with building your project. In case we don't have a particular skill set required for it, we hire it from the market and take full responsibility for the quality and timing.

AboutWhat is our value proposition

Page 4: nois3 case study

NOIS3 CASE STUDIES

Services Brand Identity & Strategy

Experience Designto display your brand within the digital world.

Event Managementto meet your users.

to communicate your brand’s values.

Training & Facilitationto share what we've learned together.

Front-end developmentto show your innovative nature.

NOIS3 CASE STUDIES

Page 5: nois3 case study

NOIS3 CASE STUDIES

Brand Strategy

Each brand has its own story to tell, values and peculiarity: we are aware that a strong visual identity is fundamental to establish one's own brand.

A successful communication strategy builds up a sign able to distinguish and characterise the brand through the philosophy and the ideas it represents.

Page 6: nois3 case study

NOIS3 CASE STUDIES

Experience Design

Engaging the hearts and minds of users while understanding their behavioural trends and contexts is the challenge we set ourselves during each of our projects.

We propose solutions based on simple and functional designs, though touching and captivating at the same time, able to reflect your user's needs while still giving the right effect to your brand.

Page 7: nois3 case study

NOIS3 CASE STUDIES

Front-end Development

When it comes to choose how to develop our clients' ideas we aim at understanding their needs in order to pick the most suitable language among the many we speak.

These are: Symfony, Code Igniter, Drupal or Wordpress for the PHP world, JavaScript tasting jQuery, Zepto, node.js or Ruby On Rails for ad hoc developments, PhoneGap and Titanium Appcelerator for mobility, with Foundation Zurb during the whole process and the Web on our minds.

Page 8: nois3 case study

NOIS3 CASE STUDIEShttp://nois3.it

We enthusiastically work in designing and organising events, as perfect chances to create wide range communication projects.

From event concept design to all logistics, creativity and precision drive us to manage your unique initiatives.

Event Management

Page 9: nois3 case study

NOIS3 CASE STUDIES

Sharing knowledge and skills has been fundamental during our training path and has deeply influenced our professional ethics.

Now it is our turn to share our professional experience in order to build a new generation of digital design thinkers.

Ask us about Knowbot.

Training & Facilitation

Page 10: nois3 case study

+

CASE STUDIES Some of our works

DIGITAL DESIGN THINKING.

Page 11: nois3 case study

NOIS3 CASE STUDIES

Page 12: nois3 case study

NOIS3 CASE STUDIES

Chocolat Milano

h!p://www.chocolatmilano.it/ h!p://bit.ly/nois3-chocolat

Page 13: nois3 case study

NOIS3 CASE STUDIES

Styleguide

Page 14: nois3 case study

NOIS3 CASE STUDIES

Page 15: nois3 case study

NOIS3 CASE STUDIES

Page 16: nois3 case study

NOIS3 CASE STUDIES

Page 17: nois3 case study

NOIS3 CASE STUDIES

Page 18: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 19: nois3 case study

NOIS3 CASE STUDIES

Page 20: nois3 case study

NOIS3 CASE STUDIES

COOP Adriatica

in sviluppo

Page 21: nois3 case study

NOIS3 CASE STUDIES

Page 22: nois3 case study

NOIS3 CASE STUDIES

Page 23: nois3 case study

NOIS3 CASE STUDIES

Page 24: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery)

What we did and how

Page 25: nois3 case study

NOIS3 CASE STUDIES

Page 26: nois3 case study

NOIS3 CASE STUDIES

The Land

h!p://www.theland.me

Page 27: nois3 case study

NOIS3 CASE STUDIES

Page 28: nois3 case study

NOIS3 CASE STUDIES

Page 29: nois3 case study

NOIS3 CASE STUDIES

Page 30: nois3 case study

NOIS3 CASE STUDIES

Page 31: nois3 case study

NOIS3 CASE STUDIES

Page 32: nois3 case study

NOIS3 CASE STUDIES

Page 33: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) Custom Development Symfony PHP

What we did and how

Page 34: nois3 case study

NOIS3 CASE STUDIES

Page 35: nois3 case study

NOIS3 CASE STUDIES

Oryza

h!p://www.oryzafood.it

Page 36: nois3 case study

NOIS3 CASE STUDIES

Interactive map

Page 37: nois3 case study

NOIS3 CASE STUDIES

Page 38: nois3 case study

NOIS3 CASE STUDIES

Page 39: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 40: nois3 case study

NOIS3 CASE STUDIES

Page 41: nois3 case study

NOIS3 CASE STUDIES

Platform for Agricultural Risk Management (PARM) IFAD

h!p://p4arm.org/

Page 42: nois3 case study

NOIS3 CASE STUDIES

Interactive map

Page 43: nois3 case study

NOIS3 CASE STUDIES

Page 44: nois3 case study

NOIS3 CASE STUDIES

Page 45: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 46: nois3 case study

NOIS3 CASE STUDIES

Page 47: nois3 case study

NOIS3 CASE STUDIES

MGFStyle

h!p://www.mgfstyle.com

Page 48: nois3 case study

NOIS3 CASE STUDIES

Interactive map

Page 49: nois3 case study

NOIS3 CASE STUDIES

Page 50: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 51: nois3 case study

NOIS3 CASE STUDIES

Page 52: nois3 case study

NOIS3 CASE STUDIES

Cavalieri del Lavoro

h!p://www.cavalieridellavoro.it/

Page 53: nois3 case study

NOIS3 CASE STUDIES

Interactive map

Page 54: nois3 case study

NOIS3 CASE STUDIES

Page 55: nois3 case study

NOIS3 CASE STUDIES

Page 56: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS Custom Backoffice Panel in Laravel/PHP

What we did and how

Page 57: nois3 case study
Page 58: nois3 case study

NOIS3 CASE STUDIES

Codemotion World

h!p://www.codemotionworld.com

Page 59: nois3 case study

NOIS3 CASE STUDIES

Responsive, of course.

Page 60: nois3 case study

NOIS3 CASE STUDIES

Interactive map

Page 61: nois3 case study

NOIS3 CASE STUDIES

Page 62: nois3 case study

NOIS3 CASE STUDIES

Page 63: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing User Experience Design Look and Feel & Responsive Design

HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 64: nois3 case study

NOIS3 CASE STUDIES

Page 65: nois3 case study

NOIS3 CASE STUDIES

Wed in Florence

h!p://wedinflorence.com/ h!p://bit.ly/nois3-wif

Page 66: nois3 case study

NOIS3 CASE STUDIES

Page 67: nois3 case study

NOIS3 CASE STUDIES

Page 68: nois3 case study

NOIS3 CASE STUDIES

Page 69: nois3 case study

NOIS3 CASE STUDIES

Page 70: nois3 case study

NOIS3 CASE STUDIES

Page 71: nois3 case study

NOIS3 CASE STUDIES

Page 72: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Logo design and Branding Prototyping and research with the Client Paper wire framing User Experience Design

Look and Feel & Responsive Design HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 73: nois3 case study

NOIS3 CASE STUDIES

Page 74: nois3 case study

NOIS3 CASE STUDIES

Ciuti & Ciuti

h!p://www.ciutieciuti.it/

Page 75: nois3 case study

Background scrolling

Page 76: nois3 case study

Background scrolling

Page 77: nois3 case study

Background scrolling

Page 78: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Video shooting and idea User Experience Design

Look and Feel & Responsive Design HTML/CSS implementation (Foundation) JS/CSS animations and functionalities (jQuery) WordPress CMS

What we did and how

Page 79: nois3 case study
Page 80: nois3 case study

NOIS3 CASE STUDIES

Smart Watering System

h!p://www.gestioni.com/sws/ h!p://bit.ly/nois3-sws

Page 81: nois3 case study

NOIS3 CASE STUDIES

Page 82: nois3 case study

NOIS3 CASE STUDIES

Design with love.

Icons

Page 83: nois3 case study

NOIS3 CASE STUDIES

Infographic

Page 84: nois3 case study

NOIS3 CASE STUDIES

Page 85: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Logo design and Branding Prototyping and research with the Client Paper wire framing Infographics & Information Design

User Experience Design Look and Feel & Responsive Design HTML/CSS implementation (Foundation)

What we did and how

Page 86: nois3 case study

+

TABLET & MOBILE Veicoli di Pubblicità

DIGITAL DESIGN THINKING.

Page 87: nois3 case study

NOIS3 CASE STUDIES

Samadhi

h!p://samadhi.io/

Page 88: nois3 case study

NOIS3 CASE STUDIES

Page 89: nois3 case study

NOIS3 CASE STUDIES

Page 90: nois3 case study

NOIS3 CASE STUDIES

Wed in Florence

We create meaningful interactions that are loved by your customers and add real value. Really.

We give a voice and a face to your brand.

Brand Strategy, Web Design

Page 91: nois3 case study

+

TABLET & MOBILE Veicoli di Pubblicità

DIGITAL DESIGN THINKING.

Page 92: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Logo design and Branding Prototyping and research with the Client Paper wire framing Infographics

Look and Feel & Responsive Design HTML/CSS implementation (Foundation)

What we did and how

Page 93: nois3 case study

NOIS3 CASE STUDIES

World Medicine Park

Page 94: nois3 case study

NOIS3 CASE STUDIES

World Medicine Park

h!p://bit.ly/nois3-wmp

Page 95: nois3 case study

NOIS3 CASE STUDIES

One editorial tool to rule them all. WordPress powered API with WebViews.

Always up to date

Page 96: nois3 case study
Page 97: nois3 case study

NOIS3 CASE STUDIES

Breaking news and updates always delivered through push notifications to our attendees.

Dynamic!

Page 98: nois3 case study

NOIS3 CASE STUDIES

Instant conversations

Engage attendees on schedule, updates, speakers and real time conversations.

They can plan the after conference chatting together without leaving the app.

Discuss between registered a!endees in real time

Page 99: nois3 case study

NOIS3 CASE STUDIES

Engagement real timeAnd our love for style

Page 100: nois3 case study

NOIS3 CASE STUDIES

iOS + Android

We do love the web, thus we choose cross platform solutions rather than expensive native ones.

One code to rule them all

Page 101: nois3 case study
Page 102: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Interactive prototype User Experience Design

Look and Feel & Responsive Design Chat API development HTML/CSS implementation (Foundation) Titanium & Alloy templating

What we did and how

Page 103: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Interactive prototype User Experience Design

Look and Feel & Responsive Design Chat API development HTML/CSS implementation (Foundation) Titanium & Alloy templating

What we did and how

Page 104: nois3 case study

NOIS3 CASE STUDIES

World Usability Day 2014

h!p://www.wudrome.it h!p://bit.ly/nois3-wud14

Page 105: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Interactive prototype User Experience Design

Look and Feel & Responsive Design Chat API development HTML/CSS implementation (Foundation) Titanium & Alloy templating

What we did and how

Page 106: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Interactive prototype User Experience Design

Look and Feel & Responsive Design Chat API development HTML/CSS implementation (Foundation) Titanium & Alloy templating

What we did and how

Page 107: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Interactive prototype User Experience Design

Look and Feel & Responsive Design Chat API development HTML/CSS implementation (Foundation) Titanium & Alloy templating

What we did and how

Page 108: nois3 case study

NOIS3 CASE STUDIES

Technical facts

Prototyping and research with the Client Paper wire framing Interactive prototype User Experience Design

Look and Feel & Responsive Design Chat API development HTML/CSS implementation (Foundation) Titanium & Alloy templating

What we did and how

Page 109: nois3 case study

+

SOME OF OUR CLIENTS that trusted us so far

DIGITAL DESIGN THINKING.

Page 110: nois3 case study

NOIS3 CASE STUDIES

Page 111: nois3 case study

NOIS3 CASE STUDIES

Thank you for your attention

Page 112: nois3 case study

NOIS3 CASE STUDIES

Carlo Frinolli

[email protected] @carl0s_ +39 347 31 12 050

CEO + CREATIVE DIRECTOR