can i take professional designs created
for hugely infamous brands such as
adidas
and turn them into better more effective
examples of graphic design
now you can be the judge of my five
different adidas designs and tell me if
you think the surprising changes
i'm going to make do results in a better
outcome now it's great being able to
show people how a design looks
but even more impressive if they can
actually experience it too and this
leads to them understanding how it's
going to behave
and so learn more about framer later in
today's video and how to show off your
designs
so the first of five designs today is
this poster
which is the rise above advertising
campaign
now if you're watching this video you're
probably a graphic designer or you're
someone who's interested in graphic
design so please tell me
what do you think is wrong about this
design and where can it be improved
or at least just think to yourself what
improvements you'd like to make
and make a mental note of those
improvements now one of the first things
i noticed about this design that i
didn't like
was how different parts of the poster
were spread out
i mean different parts of the
information were not actually clumped
together in proximity
this creates a disjointed design layout
and it's not visually appealing and it's
not user friendly either
also i really found this pretty
amateurish where they've used
basketballs as bullet points for these
two points here
it's way too obvious it's way too cliche
and i think it's just an amateurish
decision on the designers parts but yeah
the main issue for me
with this design was this space between
the different texts
areas which again just is bad use of
proximity
so when i recreated this design i
started with a blank canvas pretty much
and i did want to get rid of the
background kind of court that was in the
original design
and you will soon see why i really
wanted to
give the rise above quote some emphasis
and some oomph so i really put that in a
bold uppercase
solution and i've used some contrasting
color sampling a red from the chicago
bulls jersey
and hammering home the point of
proximity i've gone ahead and lumped
every text
solution in one simple area up here in
the top right
and then keeping things balanced and in
line the logo was put at the bottom
right
but at this point i felt like it wasn't
finished and there was something missing
yes that background basketball court
image isn't on my design
but i did have a solution to fill up
this space and still make it
negative space so to speak i took the
adidas
three lines symbol and i placed it here
in a lighter color
i'm not sure why i'm a video render it
kind of comes out a bit blotchy
but i do like this shape here as it does
resemble moving upwards
which leads to that rise above quote
and falls in line with the basketball
player actually jumping upwards
so as you can see side by side here is
the original and then here is my
redesign
and furthermore checking them both out
in real life situations we can see
how one of them is effective and one of
them isn't
this mock-up did have some black lines
at the top and the bottom but you can
get a picture
quite literally so the second adidas
design
is a yeezy advert which to be fair
isn't that bad actually it's pretty good
i don't think this design does too many
things wrong
i like the minimal layouts and i like
how you know it flows pretty well as
well there's some balance going on
from the left to the right but i don't
like the gradient being used on yeezy in
this way
yeah it's just a personal preference but
i do feel like i could take this design
and elevate it a tiny bit more
so i started off again with a kind of a
blank canvas and i wanted to
soften up the trainer itself and kind of
give it a dream
heavenly appearance you might notice i
removed all shadows and i've
made the background completely white and
again this is just personal preference
i really liked this approach by putting
yeezy in bold sound surf lettering
behind the trainer in this way
i just think it flows really well and it
gives some kind of context to the
trainer itself
i also think it's a very nice dividing
line horizontally across the design
and instead of going huge on the yeezy
text i wanted to go a bit more minimal
and so i've put it in the bottom right
in a smaller size to the original
and i think this is where the kicker of
my design comes in because
i've used an orange focal point to
emphasize the boost part of this design
which is of course the model of the shoe
now i think this touch works really
really well and this design
for me worked out amazingly well and
then to finish off we have the adidas
logo in the top left
to finish off the balance part of the
design and here's the before and then
here's the after and like i said the
original wasn't a bad design i just
thought i could improve it
using my own style and my own kind of
perspective on things and here we have
the design mocked up
in a real life situation so design
number three is a very vibrant design
and it's in spanish and i don't speak
spanish but hey we're gonna run with it
anyway
but what do you guys not like about the
design when you look at it what would
you change and what would you work on
for me firstly the text at the bottom
seems too cramped
and it just doesn't seem well thought
out to be honest
it doesn't read well and that's not just
because it's spanish but the main issue
for me is that it's cramped down here
just below the shoe now i do like this
concept of using those three lines from
adidas brands
but in this instance i think it's too
overpowering
mainly because firstly it's black which
is very stuck
on the contrast of this design and i
think that black does kind of compete
with the text below
and also the trainer itself but also
just the sheer size of it
i mainly want the trainer to be the
focal point and any kind of lines in
this way to just complement the design
so we're going back to my black canvas
approach and we're starting off with
just the trainer that i kind of
do want to be more or less the focal
point and again i'm not spanish and i
can't read spanish and i did use google
translate to
come up with an approach for this text
layout so i thought this was the first
part of the sentence and i think this
would be the best approach in my opinion
we then use some hierarchy in size and
also color for the final part of the
sentence
notice how my text is pretty much the
same size
or takes up the same amount of room as
the original but because it's above the
train in a bigger space it has more room
to breathe
and so the design as a whole has more
room to breathe and then finally
below i've used the dash logo and also
those lines in a more discreet
and more minimal approach every designer
has
a style they bring to the table when it
comes to a project and for me
my style is more minimal and more
discreet in some respects
and that's how i prefer to use such
elements as the three lines for the
brand
in this instance and here you can see
side by side it does
really hit home how much more room there
is to breathe on my design
which is always going to be a more
user-friendly and a more welcoming
approach to a design concept
and i really loved how this one looks
mocked up on a real life situation
i think i might like this one the most
at every design i worked on for this
video
so the fourth and final design today is
a pretty weird one and it's one of the
most
odd adidas adverts i've ever seen yes
it's in black and white
and it does look very very retro indeed
and i wanted to make sure i
kept with the concept of having a
grayscale design but for me the issue
here
was the typography i do understand the
concept that the
athlete is kind of breaking free of the
text and
breaking free of the impossible but i do
think it's too convoluted and it's too
spread out and it doesn't look
visually appealing and for my redesign i
didn't actually use the same athletes or
the same
poster design because it would take me
forever
in photoshop to kind of redesign this
athlete
as the text is in the way so i just
grabbed a different badminton player and
placed them on my design
and granted this guy hasn't got as much
movement and as much power as the
original one
and also the sizing is off but you kind
of get my concept
firstly as in the original design the
model or the athlete sorry
it's kind of tilting from bottom left up
to
upper right their body is angled in this
way and so i wanted to get some
typography that complemented that and of
course
italics will work perfectly here also i
took notes
that the adidas logo in this instance
has those three lines horizontally
and i think having text and also some
lines above and below do complement that
and it does set a standard or precedent
for this design
and yes the main issue for me was having
the text in the original too spread out
and too convoluted so i've gathered
things in one
orderly middle section that i feel does
work really well
but yeah this is probably the weakest
out of the four that i've designed today
but give me your impressions and your
opinions down below
and the winners of the previous contest
of redesigning an existing
design will be announced on friday and
that's when i'm going to announce the
new contest as well so stay tuned for
that on friday
now interactive prototyping is the best
way to communicate your app and your
website designs
the sponsor of today's video framer is a
no code free to use tool
making it easy for anyone to become a
prototyper so you can import your
existing work
and quickly swap out your static
elements for pre-built
interactive components this includes
things like sliders that actually do
slide
and inputs that can be filled as well as
buttons that can actually be clicked
building out a full user flow is super
simple as well
you can just link screens buttons and
menu items and pretty soon you will have
a prototype that clearly communicates
your vision to whoever you want to show
it to
now sign up for free by visiting
framer.com
satori that link is down in the
description box below so do give it a
try
if you are a web or app developer
[Music]
you