Welcome back.
So we are on step four, which is dissecting that pattern now, the last step.
Like I said, dissect the pattern.
In other words, we need to analyze other websites that use social login.
And basically we can use that to customize our modifying the pattern for our needs.
Let's take a look over here.
So we have ETSI again, and I'm just going to add another item to our cart.
What do I need to do here?
Let's actually pick another item.
OK.
Let's just pick a quick item here.
So we're just going to pick that up.
OK?
Add that to our basket and I really like how it pushes us right to checkout really quickly.
I kind of really like the PayPal and how that's a very up front.
So for users that do have PayPal.
So I really like that about this this type of checkout process.
So if we pay with PayPal, we can automatically jump right in.
But if we don't want to do that and if users don't have the account, which is very convenient.
So if they want to use something like American Express, Visa or MasterCard, they can just go to checkout
and they are right here.
And the great thing is they're automatically hovered over.
I mean, like the input for the sign in is automatically InFocus, which is great.
But the primary action like is to continue as a guest or to log in socially, which is really, really
great.
I think this kind of gives you like the best of both worlds.
It gives you the ability to use PayPal and just check out quickly with that.
But also it gives you the ability to like check out as a guest sign in if you do have an account really
easily and also potentially sign in or sign up with like a social media platform.
So I think this is a really, really strong design pattern that they've built and they've kind of modified
a bit.
Let's take a look at CB2, so what I'm going to do is I'm just going to pick something.
Here we got some very, very overpriced furniture.
OK, so I'm going to pick this up on the sofa and add that to my cart, and that's really nice, it
brings it right up so I can kind of, like, continue shopping or.
Now, I like that better than how Etsy just throws you right into the checkout page.
I don't know if I'm going to be done shopping, and I don't like how they kind of redirected me right
to that shopping basket over here.
So, like, I they allow you to kind of keep shopping and go back, but this allows you to kind of keep
your process or your Skrull position on the page if I just remove this.
So it's really easy to kind of get back.
So I kind of like that implementation.
So let's take a look at our cart over here, and they have something very similar, actually, they
have the ability to check out with people right away.
I like that they allow you to apply a promotional code right off the bat.
And if I want you to check up now, this is very interesting, so they kind of have like a sidebar with
the guest, check out the returning customers section and this is actually very similar.
And signing in with Google, sign in and check out so you can.
So they have something very similar, but they're limited.
The options to just Google here, which I think is I'm not sure if that's the best pattern to use,
but.
No, it may it may work.
So let's take a look at gas.
Check out.
So, yeah, Checo is a three step process, I do like how they've handled this, though, so they allow
you to see what that process looks like.
You're going to have to enter like shipping and gift options.
So like your name, your street address in Canada would be your postal code town, city, province and
phone number.
And like I said, like, when you just go through a guest checkout, they're going to have to be there
not to constantly do that process over again.
So I don't think that's the smartest way they do have PayPal.
So you can click PayPal and just automatically checkout through there.
And like I said, they do have.
So this is very interesting.
So if I click checkout now, again, it's bringing me to guest checkout and it won't let me go back,
which is very interesting.
So I think I'm personally going to stick with the ETSI pattern.
OK, I'm going to tweak it for my visual style, but I think I like the idea of giving them the upfront
ability to distinguish how they plan to pay and how they want to sign, because, I mean, if they have
a PayPal account, everything is kind of handled for you in one shot.
But if they don't, they give you three other options.
So that's essentially how I dissect the patterns.
I take a look at very similar options.
I take a look at options.
I do like employ something like a social login, especially for like e commerce or something like this.
So in this case, like I took a look at like CB2 Canada and I found that they are very similar, but
this one behaves much differently than Azziz.
And for that reason, like, I would probably follow Azziz and, you know, I can keep something from
CB2 here, like, you know, when you add something to the car, it doesn't necessarily take a full
screen and put you in like a car screen.
But I can take a look and analyze if each pattern, which one is going to be best for my needs.
So when you're trying to find a design pattern, I mean, go through that same process, figure out
what your problem is, figure out the different types of websites that are your competitors that are
very similar to you, that have some sort of pattern that solve the similar issue.
Step three, jump right in and figure out which pattern is going to be right for you and then dig a
little bit deeper and find websites that all employ that kind of similar pattern that you actually think
is best for you and figure out which one is going to be best.
And that's how you pick a design pattern.