Hi everyone, 
my name is Daniel Walter Scott...
and welcome to the next
Design Challenge.
In this challenge we are going to be...
redesigning a website.
So this is going to be a UX,
or User experience Design Challenge.
So what are these design challenges?
They are fun, simple, short projects
to help you practice your skills.
Hopefully push you to learn
some new ones...
and help you become a better designer.
So who is this Design Challenge for?
It's open for everybody...
but really I've aimed it at people
who are new to both design industry...
and the related design software.
So there is no need to have
any kind of previous experience...
in this case, Web Design 
or User experience Design.
Just need a willingness to give it a go.
The brief, what are you meant to do?
In this particular challenge
you are going to be...
redesigning the byolchallenges.com
website link there.
I kept the current design really simple...
to give you a bit of creative license
for this particular project.
Let's quickly jump into the screen now,
and I will give you a little tour.
So this is the site you'd be redesigning.
You're looking at an
old previous challenge.
You can use this one to take the details,
like the headings and the text...
the images, to use in your own new design.
So we're redesigning the look of this page,
here's the URL.
I'll add it to the downloadable brief
in the download files as well.
It's got things like the challenge name, 
the deadline, description...
the video, there's a few icons, 
thumbnails that you need to incorporate.
And down here, kind of big part of it
is the submission for students.
We've got this kind of tiled grid
system going on at the moment.
Couple of side notes, one is,
congratulations to everyone...
that submitted their entry to the previous
challenge, which is the Logo Design.
Just some amazing work...
and I can't believe how many
people are getting behind this...
and how handsome some
of the logos are.
The other side note is that
you do not have to have done...
the previous challenge,
to do this current one.
I'll make them all stand-alone...
but if you did do the last challenge...
this would be a really good time
to use your own logo up here...
and use that logo that you made to help 
influence the design of the site.
If you haven't created a logo...
or if you just want to play
with somebody else's logo...
you can pick through some of the
supplied logos in the download files.
So in the Exercise Files, under Logos...
there is a selection of logos 
that you can use.
I've talked to the designers,
and they are okay...
to share their designs with
you to use in your project.
It's very gracious of everybody,
so there's a few to pick from in there.
If you want to, yeah, if you
don't have a logo to start with...
or if you just want to
explore somebody else's logo.
Just got to make sure you credit them,
there'll be a Word doc in here...
that explains who made the different logos,
and just kind of give them a high five...
and explain that's where
you got the logo from.
In terms of your redesign approach
you can kind of do it two ways.
You can simply just play with things like
fonts, colors, icons, and images...
but basically leave everything 
where it is...
or you might go through and do 
a little bit more of a UX project...
where you actually start
considering who this is for...
and start adjusting things
like placement and language...
moving things around, 
adding things, taking things away...
based on who this site is for.
Now to help with that
I've created a persona.
So it'd be very common in a UX project
to create your user profile or persona.
Just explaining who this
website is intended for.
So I've created this for you,
so have a read of this, get an idea of...
who Jasmine is, and what she
needs out of this website...
so you can make some decisions,
not based on...
what you think looks nice but what would
work for Jasmine in her particular path.
So either come back here and pause it
and watch it, or in your Exercise Files...
there'll be one in there
called Persona User Profile.
So have a read of that
and let that help drive...
some of the design choices
you make for the website redesign.
In other words, UI, UX,
User eXperience design,  Web design.
Those words might scare some people...
but that's a good thing, you can turn
scared into exciting new thing to learn.
You can check out one of my courses 
for a bigger picture...
but the small picture of a UX project 
looks like this.
First step is to clarify
who the website is for...
and in our case it's for Jasmine,
so have a read through her persona...
so you get an idea of who you're
designing your website for.
Then you shift to 
a really simple Wireframe.
Put in everything that needs
to go on the website...
in really simple,
basic Wireframe format.
This is a completely 
different other project...
more just as an example of
how simple a Wireframe can be.
From there you go get inspired
by other people's work...
and you create something
called a Mood board.
Basically just lots of screenshots 
of websites that you like the look of...
and think that will fit
Jasmine's user profile...
and I've just done screenshots here,
just dumped them all on a page.
Then from there you did the pretty version 
or the Hi Fidelity version.
You can see, my version, obviously
not for this particular project...
just another project...
the one we actually cover
in my Adobe XD course...
and you can turn it into
a nice looking version.
So you start with your User Profile...
draw up a real basic Wireframe,
get some inspiration...
and then design the look and feel 
of the final version.
Now there's more to UX
but for this challenge...
that's the nuts and bolts of it...
and if any of the terms are
really foreign to you...
or you just need a recap of the topics...
I'll put a link to the relevant videos in 
my course, that'll get you up to speed...
and if you're not a subscriber to
my courses you can just try YouTube.
There is plenty of UX resources
out there at the moment.
So what software should you use?
You can use some of the specific
User experience design software...
things like Adobe XD, Figma,
Sketch, Vision Studio are the big ones...
but you can use anything...
you could use Photoshop,
Illustrator, InDesign...
like Jack Effry in the last challenge...
do not let software get in
the way of your creativity...
but if you did decide that this
is a really good excuse...
to learn a little bit more
about User experience design...
check out my course, it's called
User experience Design Essentials...
where we learn Adobe XD, there'll be 
a link in the description for that.
Submitting your work...
do it at byolchallenges.com
There's a button there to submit your work.
Looking for a jpeg,
so just take a screenshot...
or export a jpeg of your High Fidelity,
or your good looking version.
If you do get a chance to do
the Wireframe and the Mood board...
upload those as well,
be great to see your progression.
Once you've uploaded yours,
go and check out at least two others...
and offer some feedback, it might
just be positive reinforcement...
or you might have some questions,
or offer some advice...
because that's what this kind
of challenge idea is all about.
It's about learning,
getting a bit better...
sharing feedback,
a little bit of group community.
As well as sharing on the site...
share on social media,
check out any of these.
Choose your poison,
and make sure you tag me.
Also, we'll use the hashtag byol challenge.
Next bit, the next thing is the deadline.
The deadline is in the top left 
of the Challenge website.
When it's finished, we'll have
an after party for the challenge...
where it's a live event, there'll be
a link in the description right now.
You can set a reminder.
That after party is just
where we all get together...
and I talk about some of the
more interesting submissions.
So I hope you're ready to practice 
your UX design skills.
If this area is new to you...
I hope this challenge is your
first leap into the topic.
just remember though, these challenges...
are not about winning,
it's not about being the best...
it's about being just a little bit better 
designer than when you got started.
So learn some new skills,
practice existing skills...
and I will see you all at 
the live stream after party.
Secret; can you tell that 
my six year old cut my hair this morning?
How does it look, from the front at least.
I think you did a pretty good job.
Lockdown lifestyle, right?
