Toyota Financial

Roles and Services

Lead Visual Design, UX & Interactions

Credits

Nick Mueller

Lead Product Designer

Cody Moiseve

Associate Creative Director

Emily Yurko

Creative Director

Deliverables

UI/UX

Visual Design

Visual Identity

Web Design

01.

Overview

Toyota
Financial
Services
is
a
platform
dedicated
to
service
excellence.
Where
millions
of
Toyota
customers
drive
their
vehicles,
thanks
to
their
flexible
financing
and
leasing,
comprehensive
vehicle,
payment
protection
plans,
and
well-rounded
insurance
offerings.

02.

Challenge

We
were
approached
by
TFS
to
revamp
their
logged-in
experience,
aimed
at
creating
a
more
user-friendly
interface
with
streamlined
registration,
simplified
payment
systems,
an
improved
lease-end
experience,
and
a
dashboard
that
provides
users
with
all
the
necessary
details
about
their
vehicles.

03.

Solution

By
utilizing
the
Atomic
Design
methodology,
our
team
began
constructing
pages
based
on
the
wireframes
and
style
guide,
enabling
us
to
iterate
quickly
with
the
components.
Our
primary
goal
was
to
ensure
complete
consistency
throughout
the
user
experience,
given
the
fact
that
we
were
anticipating
over
10
million
users
on
the
site.
It
was
important
to
create
a
seamless
experience
that
would
reduce
friction
for
a
task
that
many
people
dread
doing
every
month.
To
achieve
this,
we
employed
clear
hierarchy
to
guide
users
through
the
different
sections,
used
typography
to
highlight
essential
information
that
needed
to
be
read
or
scanned,
and
gave
users
clear
direction.
Additionally,
we
paid
close
attention
to
using
brand
colors
appropriately,
given
that
Toyota's
primary
color
is
red,
especially
when
it
came
to
action
states.
Finally,
we
also
took
accessibility
into
account
by
ensuring
a
AA+
level
of
contrast,
focus
states,
validations,
notifications,
and
alt
tagging.

Previous

Next