here are the four offending designs that i aim to improve in today's video
and yes that is a design agency who tried to sell clothing via a woman peeing herself i
have no words but i do have some design skills to rectify that accident of an advert design but
first in today's before and after video let's look at this landing page design the first design has a
lot of things wrong with it but for me the first noticeable thing is how boring it actually is
it's quite a cold and lifeless design and it's one i aim to change with my
redesign but for my redesign one thing that i'm going to take away from this original one is
how the text talks about innovation standing out from the competition and development that's why
i've chosen a yellowy orange for the background of my design because this color suggests change
action and dynamic movement something great for innovation now obviously here at satori graphics i
am biased when it comes to this color but you will soon see how the design comes together perfectly
with this choice of color so to move away from a boring design i came up with a concept that
suggests thinking differently all that's saying that most people know sinking out of the box
if we refer back to the original text it does mention innovation
and so i took this and created my concept for the right hand side of this landing page
and i also think it gives some character and a dash of humor into the mix it's a far cry from the
original example which is really cold and lifeless the white circle really highlights and emphasizes
the illustration giving it its own fixed location on my layouts and considering it's in the bottom
right corner to create a sense of balance let's bang some typography into the top left corner
now the font psychology here points to a forward moving and modern sense of thinking and that's
due to sans-serif typefaces evoking those very feelings now i reworded the next block of text
so it finally does make some sort of sense but also i use black to create some contrast within
this section of typography and to finish off this first design today let's add in the all-important
call to action in a black square right down here and then of course the motif at the very bottom
now i'm very pleased with the layout and overall completion of this design i personally consider it
to be leaps and bounds ahead of the original one but you can be the judge seeing them sit
side by side like this you might very well agree with me but let's move on to the next
design which is meant to be advertising tea i'm english so by default i love tea but i for sure
don't love this design that advertises tea like the previous design this one is pretty
bland boring unaspiring and the typography is a mess and you'll soon see why exactly it is a mess
but ask yourself this does this poster make you want to run out and grab 200 bags of tea because
it really isn't giving me those vibes right now for my redesign i wanted to create a setting that
was warm and appealing something that evokes a sense of aromatic pleasure based around tea
and here it is we can now see the t through that glass mug and we have a background of wispy lines
ushering the viewer's eye upward which will finally lead us to the crucial typography
and of course i hear you where's the hierarchy let's add some color hierarchy right here okay
so there is something very important to take note of on this design in the typography we have two
words that caught my attention when redesigning it and those words were superior and exquisite
these words are very high brow and sophisticated and so i wanted to use a font that expresses that
with how it appears to the viewer and if i'm not mistaken i did use notho serif here which is free
on google fonts and let's now pair that up with a sans serif font for the next text below that now
some of you out there with hawkeye vision might have noticed how the typography is around the
same width as the t mug itself and this isn't by accident it gives a central layout to the design
top to bottom and that's mixed with those wispy lines helping the flow of the design as a whole
now i'm still not sure about the typography at the very bottom but i did run out of time to properly
consider that but it does look more or less okay i feel but the next design is anything but okay
it's essentially a design tragedy so yeah we can all agree how this idea was bad from the start
i'm not sure how the conversation went down in the boardroom at harvey nichols but someone actually
brought up the concept of having models posing whilst looking as if they had wet themselves
anyway moving on from that concept i started with a black canvas i took a lot of time considering
how i can express the caption of the design and that was try to contain your excitement my initial
thoughts was to show a model hiding her face maybe trying not to laugh or to burst out into hysterics
but in the end i went for this layout right here the model is essentially hiding her face which
could be seen as subtly trying to hide excitement but i think it's a very strong focal point
especially with how the model is staring intensely out of the design but next let's add some balance
to this thing with some typography and yes again let's boost it with some color hierarchy to really
get a notion of a sail across to the viewer i did originally use a boulder fonts but harvey nichols
is meant to be quite refined and sophisticated and so for that reason i think a thinner sans
serif font is the way to go here for the caption i wanted to make it very different to typography
above it and that's because the caption is almost as if it's being said by a person
as opposed to the above text which is kind of like a notification or an announcement the original
design was simple which is why mine went down the same kind of route and after all billboards need
to be simple anyway because people driving past them have mere seconds to actually take them in
design number four is a poster advertising a weight loss group type thing and take a look
at the very top line of text the happy shrinker section and i've never seen this technique before
but i do know i hate it in an attempt to express weight loss they've made the letters less bold as
you travel across the line left to right there are also issues with the rest of the typography too
but we'll get to that soon firstly we need a blank canvas considering the brand is called
happy shrinkers we need a happy individual and here she is with a bright warm smile i really love
how she's wearing orange that is complementary to the blue background i then need to add the main
typography and that was weekly weigh-in from a design perspective the original was pretty
controversial in my opinion i chose this bold sans-serif font and i used a title case instead of
uppercase the original text just seemed loud set in uppercase and it was a very sharp edgy kind
of font sharp edgy typography like that isn't friendly or fun it's more loud and angry and
that isn't something you want in the theme of a design that's trying to get people to sign up
to a group about losing weight my typography solution in my opinion does fit a lot better
i then continue the theme of fun and personal with more typography in lowercase for the happy
shrinker's putt and the contrasting darker text below that and finally it's time to add
that all-important call to action section and of course the color matches the jumper of the model
but let's just forget about the space in the call to action between happy and shrinkers
as if it never happened but yeah i really like the difference in these two designs when looking
at them side by side and actually it's one of my favorite designs that i've made in this series
speaking of which if you want to see more before and after content just like today's upload be sure
to click a video on screen and until next time guys design your future today peace
you