Works, samples, description.

1. VISUAL & USER
INTERFACE DESIGNER
portfolio
KEEP IN TOUCH karensatiro@gmail.com +34 651345118@karensatiro

2. Its focused to transform the financial
transactions in a friendly interface for
customers using modern visuals, clean
interfaces and simple interactions.
Appverse Pay is a
natural interface
application created
for transfer money
between friends.
client
GFT IT Consulting
Design Thinking, Conceptualization, UI/UX Design,
and Brand Identity.
services
Tap, swipe, nudge, flip.
We worked on the best interface for your business.

3. SIMPLICITY
The navigation is centered in the principal interaction, send and request money.
EASILY
Gestures is thinking for strengthen the perception when you interacts with the application.
WELCOME
PAGE
MANAGE
FRIENDS
CONFIGURE
WALLET
SETTING
PROFILE
FINDING
PEOPLE
CONSULT
MONEY
TRANSFER
MONEY
12:34 PM
HOME
ADD CONTACT
USER 1
USER 2
USER 3
USER 4
USER 5
USER 6
...
...
...
...
...
...
...
12:34 PM
HOME
ADD CONTACT
USER 1
USER 2
USER 3
USER 4
USER 5
SEND REQUEST
...
...
...
...
...
...
X
12:34 PM
WELCOME
12:34 PM
HOME
ADD CONTACT
USER 1
USER 2
contact since 01/01/2000
from Google Contacts
DELETE USER
USER 5
USER 6
...
...
...
...
...
12:34 PM
HOME
ADD CONTACT
USER 1
USER 3
USER 4
USER 5
USER 6
...
...
...
...
...
...
12:34 PM
HOME
ADD CONTACT
USER 1
USER 2
NOTIFICATION ABOUT
DELETING USER
USER 5
USER 6
...
...
...
...
...
Display
with
vertical
accordion
from top
to bottom
Display
with
a blink in
red color Delete
with a
fade out
and
deleting
Go to
with a
sweep
from the
Tap
location
Display
with
horizontal
accordion
from left
to right
YES
X
HELLO
USER,
WHAT DO YOU WANT
TO DO TODAY?
0,00 €
SEND
SEND 0,00€ TO FRIEND
REQUEST
Remaining balance
nearby contact friend friend
INTERACTION FLOW contacts screen - delete and transfer money actions
NAVIGATION Action Screens in the first level

4. READLY
Visual hierarchy guaranteeing a positive reading experience for the end-user.
NATURAL AREA
STRETCH AREA
OW AREA
The primary tasks are concentrated in the natural area helping the user
memorize the interaction with the interface easily and automatically.
SCANNING PATTERNS welcome screen - transfer money
This application is especially concerned with the use of typography and colors,
especially because we use it as a visual means of navigation, helping to mark
the route to follow and sections available for used.
TYPEFACE WEIGHT AND PAIRING raleway
Raleway
size
orientation
weight color
it is a display face
and the download features both old style and lining numerals,
standard and discretionary ligatures, a pretty complete set of
diacritics, as well as a stylistic alternate inspired by more geome-
tric sans-serif typefaces than its neo-grotesque inspired default
character set.

5. LAYOUT
Every screen is important, homogeneity helps users understand how to use it.
NAVIGATION FLOW brances screen

7. BRIGHT AND
CREATIVE IDEAS
IS ARRISING.
MULTIPLATFORM,
MULTIDEVICE,
MULTI-ENVIROMENTS.
MAY THE FOR BE WITH
YOU. BECAUSE YOUR
CODE THE FUTURE.
TESTING
AND SURVIVE TO
INNOVATION.
ONE BUILD TO
RULE THEM ALL
client
adaptive.me
Creative Thinking, Design Thinking, Co-Creation,
Software GUI, UI Design and Brand Identity.
services
MADE FOR EVERY
ONE OF US, BY
EVERYBODY.
PIXEL PERFECT
SIMULATION EVERYWHERE
Fun and useful
interfaces
created with
Flat Design

8. COMMUNICATION
Adaptive.me is a suite created to cover the entire process of a digital application creation.
MockupLatte CodeWok
BugBBQ EarlyPie
DashBar
BRANDING IDENTITY Visual communication for every part of the proce
PANTONE ®
152
ERASE
>_
</>
08:00
SmartTV
0001
1100
1011
0001
1100
1011
0001
1100
1011

9. INTERFACES Work Screen for CodeWok and Dashboard Screen for MockupLatte.
SOFTWARE
Creating new experiences for users, and testing the quality of the tools.
Testing the
interface
with real
users to
improve the
interactions
and visuals.
Graphic
User
Interface

10. AND MUCH MORE
The big synthesis between an idea and the real world.
aut viam inveniam aut faciam
2014
Predictions
...The Adaptive Way...
possunt quia posse videntur
Code
>_
Design
Distribute
What stops
developers
from using
HTML5?
What drives
developers
to using
HTML5?
Performance issues
Limited access to hardware APIs
Lack of mature frameworks
Steep learning curve for large apps
46%
37%
29%
28%
21%
14%
Cross-platform code portability
Cross-screen code portability
Learning curve
Lower cost development
Open source
Reach
56%
51%
33%
27%
25%
23%
Most used
native
APIs
Myths
Some
more
facts
Wireframe
Build
Biggest complaints about html5
90% Network
64% Filesystem
33% Power Mgmt
29% WiFi
28% Vibration
26% Geolocation
10% Camera
Power Management
and WiFi are the two
most important APIs
currently missing
from HTML5.
The keys for
html5 success
UI responsiveness
& computational load.
Performance
Reach of multiple
platforms.
Reach
Availability of 1-click billing,
ads, in-app purchases, etc.
Monetization
A measure of how easy it is for
a web developer to get started.
Ease of development
components and services.
API depth
HTML5 developers go
directly to the browser
when developing a
mobile website or app
Android apps can not
be implemented using
only HTML5 and a
browser.
HTML5 developers go
beyond the browser to
either other web based
tools (hybrid, etc.)
61%
63%
39%
Internet will supercede
Television, becoming
the Dominant
Media Channel
Sub-€100
Smartphones
dominate the
Phone Category
FirefoxOS,
ChromeOS,
Tizen make a
Big Entry;
HTML5 Rules
More Sensors
appearing on everyday
gadgets, connected
to the Net
Natural
Interfaces
become
Commonplace;
Gestures Rule
JavaScript engine performance will
be 1.3X slower than Native
The SmartTV
matures and
joins the
App Store
Ecosystem
Semantic Web
becomes
Cognition-as-
a-Service
(CaaS)
Phone/Tablet
Sales to
completely
eclipse
PC Sales
Wearable
Technology,
and Mobile
Payments
Breakthrough
08:00
Per device royalties & preloading
Commissioned Apps
Subscriptions
Licensing fees from distributors
Indirectly through brand awareness
InApp Purchases
3223€
3018€
2209€
1947€
1690€
1349€
Freemium
Pay per download
Advertising
1003€
943€
745€
Extending apps into new verticals
Monitor app store feedback
Discussing with users
Extending apps into new countries
Buy market research
Develop “me too” apps
2173€
1435€
1384€
1259€
1238€
844€
Discussing with friend network
Develop apps that I use
750€
573€
Average
Revenues/
App/Month
by Revenue
Model
Average
Revenues/
App/Month
by Business
Approach
Average
Revenues/
App/Month
by number of
Platforms
Supported
Average
Revenues/
App/Month
by type of
Services and
Tools used
iOS
Android
HTML5 Mobile
Priority
Platform for
Professional
Developers
40%
30%
20%
3%
2%
5%
Windows Phone
BlackBerry 10
Other
Average
Revenues/
App/
Month
Downloads
per
Application
Store
Development Costs for
Development & Distribution Application Store
Commissions
Average
Revenues/
Developer/
Month
North America
South America
1596€
815€
Europe
1215€
Asia
828€
Africa
440€
6+
5
4
3
2
1
0
0 500 1000 1500 2000 2500 3000 3500 4000
480€
747€
1296€
1584€
2176€
Platforms
Revenue ( v)
3822€
2692€
Using Crash Reporting & Bug Tracking
844€
Not Using Crash Reporting & Bug Tracking
1993€
Using User Analytics
743€
Not Using User Analytics
Apple iOS
Google Android
Apple iOS
Windows Phone
Windows 8 / RT
Google Android
Chrome OS
BlackBerry
Bada
Firefox OS
Ubuntu Touch
Enterprise
Public
Public
Public
Public
Public
Public
Public
Public
Public
Public
220€/year
74€/year
73€/year
73€/year
73€/year
18€/one-time
18€/one-time
Free
Free
Free
Free
Proprietary Enterprise Store
Amazon AppStore for Android
Apple AppStore
Windows Phone Store
Windows Store
Google Play
Chrome Store
BlackBerry World
Samsung Apps
Firefox Marketplace
Ubuntu App Directory
Google Android
Apple iOS
Windows Phone
Windows 8 / RT
Google Android
Chrome OS
BlackBerry
Bada
Firefox OS
Ubuntu Touch
Yes
Yes
Yes
Yes
No
No
Yes
Yes
No
No
30%
30%
30%
30%
30%
30%
40%
30%
0%
0%
40000+
1000000+
200000
130892
1000000+
300000+
223601
13000
2000+
1000+
Amazon AppStore for Android
Apple AppStore
Windows Phone Store
Windows Store
Google Play
Chrome Store
BlackBerry World
Samsung Apps
Firefox Marketplace
Ubuntu App Directory
Platform
Platform QA Check Store Commission Store # of apps
Registration StoreDistribution
iOS Android Win.
Phone
BB
3822€ 3454€ 2646€ 882€
> 50 Billions > 50 Billions > 3 Billions > 3 Billions > 100 Millions > 5 Millions
Biggest complaints
Prototype artefacts can not be reused in later phases of a project.
Missing components require workarounds to simulate behaviours.
Proprietary format for components, can’t reuse them between different tools.
Lack of support for prototyping responsive and multi-screen designs.
Inaccurate pre-visualization of design on target devices and multi-screen sizes.
Lack of support for collaborative design and concurrent work, no versioning.
The Screen Size challenge
iOS Device Android Device
of UI designers think that they don’t have an effective communication with developers due to interdisciplinary
competing interests that are an obstacle to successful collaboration.
What consumers expect from a mobile service experience?
What’s the Difference? UI/UX Designers challenges
Popular
tool
80% 63% 49% 40% 85%55% 95%
Expect the mobile
shopping experience
to be at least as
good as in-store
shopping.
Would be less likely
to buy from the same
company via other
channels if they had
a problem conducting
a mobile transaction.
Don’t shop more
on their smartphone
due to an awkward
user experience.
Willing to recommend
a company due to
outstanding service,
more so than product
or price.
Customers have
stopped doing
business or have
taken actions as a
result of a bad
CX service.
Would pay up to
25% more to ensure
a superior customer
service experience.
People began
purchasing from a
competitive brand
because of its
reputation for
great CX.
Collaboration
Features of
Wireframing/
Prototyping
tools
“It is necessary to jump from Traditional UX to Modern UX by delivering Super Customer Service Experience.”
MockFlow
Balsamiq
Axure
Prototype Axure
JustProto
Proto.io
Justinmind
Simulator Justinmind
iRise
inVision
worrying about aesthetics and form.
design and basic interactivity. Usually associated
with clickable, dynamics mockups.
Allow for simulation and visual testing with a
highly interactive interface. Typically an advanced
prototype with navigation and transition code
shown in a harness or target device.
Rough Sketch / Thought Flow / Navigation Visual Elements / Interactivity / Functionality High Fidelity / Mock Data / Dynamic Transitions
Focus on modelling behaviour and functions. Focus on testing navigation and reviewing
heuristic principles.
Wireframe SimulatorPrototype 82% Agreed that multi-platform (physical, virtual and mobile) computing is a high priority for their org.
“Only” 20% of UX technologists indicate that their environments are optimized to deliver a
consistent user experience and data across multiple devices and channels
83% Listed deployment and delivery of mission-critical apps and data to mobile platforms
82%
83%
20%
78%
What you
need to
build for
each
Platform
Platform Requirements Win MacOSX Linux
iOS -- --
Android
-- --Windows Phone
-- --Windows 8 / RT
Signing TokenBlackBerry OS
-- --Bada
Firefox OS
Chrome OS
--Ubuntu Touch
Tizen
Evolution of GPU
Cores/Device
and Platform
Evolution of CPU
Cores/Device
and Platform
Playbook 10
iPad Mini
Kindle Fire HD
Nexus 4
Nexus 10
Chromebook Pixel
iPod 5
iPad 3
iPhone 5
iPad 4
Galaxy Note 10.1
Nexus 7
Samsung SmarTV ‘13
Galaxy Note II
Surface
Cores4 2 0 Cores 0 2 4
2GB
2GB
2GB
1GB
2GB
1GB
2GB
1GB
2GB
1GB
1GB
1GB
1GB
1GB
1GB
iOS
iOS
Android
Android
Chromium
Smart SDK
iOS
iOS
iOS
Android
Blackberry 10
Android
Android
Android
Windows RT
Evolution of CPU Speed/Device and
Platform with executable Memory/Process
iPod 5
iPad 3
iPad Mini
Playbook 10
Kindle Fire HD
iPhone 5
Surface
iPad 4
Galaxy Note 10.1
Nexus 7
Nexus 4
Samsung SmartTV
Galaxy Note II
Nexus 10
Chromebook Pixel
0.80.91.01.2 1.11.31.41.51.61.71.8
GHz
Typical Cost for a Development
Machine/Platform and Device OS
Families & Binaries
2778€
Windows 8 / RT
Windows NT 8
32-Bits
Windows Phone
Windows CE 7
32-Bits
1721€
iOS
Unix / Darwin
64-Bits & 32-Bits
Android
Linux
32-Bits
BlackBerry OS
Unix / QNX
32-Bits
Bada
Linux
32-Bits
Firefox OS
Linux
32-Bits
Chrome OS
Linux
32-Bits
Ubuntu Touch
Linux
32-Bits
Tizen
Linux
32-Bits
1220€
HTML5 competes with Native.
HTML5 is black or white.
JavaScript is not suitable
for large codebases.
JavaScript varies depending with
on browser implementation.
JavaScript coding is
error-prone, unsafe and costly.
JavaScript is much slower than native.
Facts
HTML5 complements Native.
HTML5 has traction in enterprise,
media and education.
JavaScript engines have gotten fast
enough to run large compiled codebases.
JavaScript is standards-based and the
only language that runs on all web browsers.
You can write in another stronger typed
language and compile it to JavaScript.
JIT is 5 times slower,
Asm.js is 1.3 times slower than native.
Android apps
that could be
implemented with
the given technology.
HTML5
Phonegap
Appcelerator
Firefox OS
63%
49%
37%
98%
Venturing into a brave new world.
“You need at least Mac OSX and Windows to build apps to address > 80% of the market!”
Existing tools are not good enough
HTML5 is missing a toolchain, not just individual tools
Need to educate the market on HTML5’s capabilities
Presentation Mode.
Very Common
Public URLs for sharing with users.
Common
Track progress & updates.
Direct user/client feedback capture.
Uncommon
Team communication.
Very Uncommon
Because we
collaboration
extreme
Pixel Perfect
Simulation everywhere!
express yourself
instead of conforming
simply
your magic
Because you
code the future
them allone build to rule
Because the needs of the many outweigh
the needs of the few...
spread
because you don’t need to go
to distribute your appsto hogwarts
SmartTV
Pinch Expand Reduce
Rotate Tap
Like
Navigate with Gestures
All logos and trademarks on graphical masterpiece are property of there respective owners.
Adaptive and its logo and its trademark is its own and we love you guys; love us back and make the world a better place.
Based on work by the community of bloggers and publishers under the creative commons license.
Made with in Barcelona · © 2014 Adaptive
Carlos Lozano · Carles Farré · Jennifer Lasso · Karen Sátiro · Sergi Lanau · Tere Trepat · Thibaut Loilier
adaptive.meBY NC ND
INFOGRAPHIC Adaptive.me is a suite created to cover the entire process of a digital application creation.

12. client
Deutsche Bank Iberia
UI Design, Visual Design, Mobile Design,
Icon Design, Brand Identity, Pattern Design.
services
Deutsche B
CATALUNYA A
CERDANYOLA
Telephones
Others
Office Hours
Near Gen
SearchPost Office - TERRASA SUC...Post Office - TERRASA SUC...
ITALIA STREET, 2
TERRASSA
ITALIA STREET, 2
TERRASSA
Deutsche Bank - CERDANY...Deutsche Bank - CERDANY...
CATALUNYA AVENUE, 38
CERDANYOLA DEL VALLÉS
CATALUNYA AVENUE, 38
CERDANYOLA DEL VALLÉS
ATM
5.9 Km5.9 Km
5 Km5 Km
Post Office - CASTELLBISBALPost Office - CASTELLBISBAL
FRANCESC MACIÁ, 9
CASTELL BISBAL
FRANCESC MACIÁ, 9
CASTELL BISBAL
6.1 Km6.1 Km
Post Office - SABADELL SU...Post Office - SABADELL SU...
FONTANELLA STREET, 39-41
SABADELL
FONTANELLA STREET, 39-41
SABADELL
6.4 Km6.4 Km
Deutsche Bank - BARBERA...Deutsche Bank - BARBERA...
BARCELONA ROAD, 175
BARBERÁ DEL VALLÉS
BARCELONA ROAD, 175
BARBERÁ DEL VALLÉS
ATMATM
6.5 Km6.5 Km
Deutsche Bank - UNIVERSIT...Deutsche Bank - UNIVERSIT...
UNIVERSITAT AUTONOMA STREET, 38
SABADELL
UNIVERSITAT AUTONOMA STREET, 38
SABADELL
ATMATM
7.1 Km7.1 Km
Deutsche Bank - RUBÍDeutsche Bank - RUBÍ
BARCELONA STREET, 356
RUBÍ
BARCELONA STREET, 356
RUBÍ
ATMATM
7.8 Km7.8 Km
Financial Agent - TERRASSA...Financial Agent - TERRASSA...
SANTA EULALIA STREET, 273
TERRASSA
SANTA EULALIA STREET, 273
TERRASSA
7.3 Km7.3 Km
Post Office - SABADELLPost Office - SABADELL
SANT ISCLE STREET, 23-25
SABADELL
SANT ISCLE STREET, 23-25
SABADELL
7.6 Km7.6 Km
Deutsche Bank
MBank v1.06.1235 © 2012 Deutsche Bank. Aviso Legal
Welcome
to MBank
Logged in as Teresa Trepat
Last conn.: 03/10/12 16:10
either Mobile or Web
Logged in as Teresa Trepat
Last conn.: 03/10/12 16:10
either Mobile or Web
Mobile Banking
Branches
Show ATMs
Contact
EnglishMore
Mobile Banking,
anytime, everywhere.
The mobile application for Deutsche Bank

13. RE-THINKING
Understanding the needs and design the best option for the customer.
mm
NAVIGATION FLOW brances screen
Deutsche Bank - CERDANYOLA DEL VALLESDeutsche Bank - CERDANYOLA DEL VALLES
CATALUNYA AVENUE, 38, 08228
CERDANYOLA DEL VALLÉS
CATALUNYA AVENUE, 38, 08228
CERDANYOLA DEL VALLÉS
5.9 Km5.9 Km
Telephones 93 785165693 7851656 93 785186593 7851865
Others Available ATMAvailable ATM
Deutsche Bank
Office Hours Mon: 8:20-13:20 - 14:45 15:45
Tue: 8:20-13:20 - 14:45-15:45
Wed: 8:20-13:20 - 14:45-15:45
Thu: 8:20-13:20 - 14:45-15:45
Fri: 8:20-13:20 - 14:45-15:45
Sa:
DirectionsCall
Branches
CancelStart: Current Location
Itinerary
Branches
Search All
Post Office - TERRASA SUC 01Post Office - TERRASA SUC 01
ITALIA STREET, 2
TERRASSA
ITALIA STREET, 2
TERRASSA
Deutsche Bank - CERDANYOLA DE...Deutsche Bank - CERDANYOLA DE...
CATALUNYA AVENUE, 38
CERDANYOLA DEL VALLÉS
CATALUNYA AVENUE, 38
CERDANYOLA DEL VALLÉS
ATMATM
5.9 Km5.9 Km
5 Km5 Km
Post Office - CASTELLBISBALPost Office - CASTELLBISBAL
FRANCESC MACIÁ, 9
CASTELL BISBAL
FRANCESC MACIÁ, 9
CASTELL BISBAL
FRANCESC MACIÁ, 9
CERDANYOLA DEL VALLÉS
FRANCESC MACIÁ, 9
CERDANYOLA DEL VALLÉS
FRANCESC MACIÁ, 9FRANCESC MACIÁ, 9
6.1 Km6.1 Km
Post Office - SABADELL SUDPost Office - SABADELL SUD
FONTANELLA STREET, 39-41
SABADELL
FONTANELLA STREET, 39-41
SABADELL
6.4 Km6.4 Km
Deutsche Bank - BARBERA DEL V...Deutsche Bank - BARBERA DEL V...
BARCELONA ROAD, 175
BARBERÁ DEL VALLÉS
BARCELONA ROAD, 175
BARBERÁ DEL VALLÉS
ATMATM
6.5 Km6.5 Km
Deutsche Bank - UNIVERSITAT A...Deutsche Bank - UNIVERSITAT A... 7.1 Km7.1 Km
Post Office - UNIVERSITAT A...Post Office - UNIVERSITAT A... 7.1 Km7.1 Km
Branches
OLD VERSION
RE-THINKING THE USER INTERFACE

14. RE-DESIGN
From mobile templates to a customize interface for mobile design.
NAVIGATION FLOW transfers screen
Transfers
NextNext
Step 1
Origin AccountOrigin Account
ACCOUNT DEUTSCHE BANK**0870**0870
Available Balance: 27.669,45 €Available Balance: 27.669,45 €
ACCOUNT DEUTSCHE BANK**0870**0870
Available Balance: 27.669,45 €Available Balance: 27.669,45 €
ACCOUNT DEUTSCHE BANK**0870**0870
Available Balance: 27.669,45 €Available Balance: 27.669,45 €
Deutsche Bank
Transfers
Step 2
Add Amount
Purpose (Optional)
Deutsche Bank
Previous Next
Send ToSend To
ACCOUNT DEUTSCHE BANK**0870**0870
Available Balance: 27.669,45 €Available Balance: 27.669,45 €
ACCOUNT DEUTSCHE BANK**0870**0870
Available Balance: 27.669,45 €Available Balance: 27.669,45 €
ACCOUNT DEUTSCHE BANK**0870**0870
Available Balance: 27.669,45 €Available Balance: 27.669,45 €
Own Account Domestic SEPA
Please note that transfers to "your own accounts in DB"
completed after 7:45 pm will not be immediate and will
be processed in the following working day.
Please note that transfers to "your own accounts in DB"
completed after 7:45 pm will not be immediate and will
be processed in the following working day.
0,0 EUR
4242J09Enter coordinate
to confirm operation
Transfers
Step 3
OriginOrigin
**4010 - CHECKING ACCOUNT**4010 - CHECKING ACCOUNT
2025-4444-45-12345678902025-4444-45-1234567890
Send ToSend To
50 EUR (no aditional fees)50 EUR (no aditional fees)
AmountAmount
Teresa TrepatTeresa Trepat
Av. Generalitat, 163-167Av. Generalitat, 163-167
Cab to AirportCab to Airport
DetailsDetails
Confirm TransferConfirm Transfer
99
44
55
88
66
33
77
11
22
00 DeleteDelete
XX
CancelCancel ConfirmConfirm
Deutsche Bank
0019.0333.05.40100208700019.0333.05.4010020870
BalanceBalance
0019.3333.62.40100845120019.3333.62.40100845120019.3333.62.40100845120019.3333.62.4010084512
BalanceBalance
0019.3333.64.40520097330019.3333.64.40520097330019.3333.64.40520097330019.3333.64.4052009733
BalanceBalance
0019.0030.67.08200327120019.0030.67.08200327120019.0030.67.08200327120019.0030.67.0820032712
33.245,91€33.245,91€
27.669,45 €27.669,45 €
3.475,80 €3.475,80 €
2.100,66 €2.100,66 €
- 99.309,92 €- 99.309,92 €
Personal Accounts
Cards
Transfers
Distribution
Global Position
Personal AccountsPersonal Accounts
ACCOUNT DEUTSCHE BANKACCOUNT DEUTSCHE BANK
ACCOUNT DEUTSCHE BANK 2ACCOUNT DEUTSCHE BANK 2ACCOUNT DEUTSCHE BANK 2ACCOUNT DEUTSCHE BANK 2
CURRENCY ACCOUNTCURRENCY ACCOUNTCURRENCY ACCOUNTCURRENCY ACCOUNT
Mortgages & LoansMortgages & Loans
REFINANCING MORTGAGESREFINANCING MORTGAGESREFINANCING MORTGAGESREFINANCING MORTGAGES
Welcome,
to get started
use the menu to the left.
Global Position
iPad 12:20 PM
MORE SCREEN, MORE UI
Be responsive, resize.

16. Code
of the new
Digital transformation is happening, now!
client
code_n UI & Visual Design, Icon Design, Pattern Deisgn and Brand Identity.
services
PARTNERSPARTNERS
ABOUTABOUT
NEWSTREAMNEWSTREAM
AGENDAAGENDA
HALL MAPHALL MAP
PARTNERSPARTNERS
EXHIBITORSEXHIBITORS
AT&T 12:34 PM

17. FROM WIREFRAMES
The strategy that all customers need is a good UX, to represent a good UI.
Axure
prototypes
are the
essential
guide to
create a
beautiful
interface
HOME EXHIBITOR ATTENDING
AGENDA NAVIGATION NAVIGATION

18. TO USER INTERFACE DESIGN
The elegance is the best way to get a eye shinning.
HOME EXHIBITOR ATTENDING
NAVIGATION NEWSTREAM ABOUT
Interaction is the
consequence
of our acts.
The user needs
feedback to
understand the
application.

20. Make it simple the technology
with digital branding.
client
GFT CX Lab
UI Design, Visual Design, Mobile Design,
Brand Identity, Design Thinking.
services

21. STYLE GUIDE
Every graphical element has the same look to integrate the brand.
ICONS
COLORS
Ok, Roboto!TYPE
IMAGES
Appverse Pay Appverse Capture
LOGOS

22. The schematic arrangement represents the uniqueness of the branding.
LAYOUTING

24. client
GFT Group & code_n
UI Design, Visual Design, Experience Design,
Brand Identity, Design Thinking.
services
The exprience of the originality,
touch and feel the emotion.
XTable

25. This a table where every place is touchable, dragable, swipable.
CREATING EXPERIENCE
Initiated by
DigitalPOWERHOUSE
Initiatedby
DigitalPOWERHOUSE
MOBILE
SOLUTIONS
USER
ECNEIREPXE
CORPORATE
INNOVATION
RICHINTERNET
APPLICATIONS
HUMANCOMPUTERINTERACTION
PDF
BACK
This Visual Design
was inspired in the works
of Antoni Gaudí at Barcelona.
THE MENU THE OPTIONS
PDF
BAX &
WILLEMS
FIABEE IDEAKNOW
TELEFONICA
DEUTSCH
LLEIDA.NET
DIGALIX IESE UNIVERSITAT
LLEIDA
THE SUBMENU

26. How the user related to with the product is the result of a good UI.
THE PRODUCT