WEBVTT

00:00:00.191 --> 00:00:01.812 align:center
Let me introduce you to our method

00:00:01.832 --> 00:00:03.132 align:center
the operation of the Baguette Agency

00:00:03.152 --> 00:00:03.692 align:center
The studio.

00:00:03.712 --> 00:00:04.692 align:center
I wanted to introduce you to a case.

00:00:04.712 --> 00:00:06.453 align:center
that we had recently with the agency

00:00:06.493 --> 00:00:07.853 align:center
It's metallic.

00:00:07.893 --> 00:00:08.633 align:center
What we've done in everything

00:00:08.653 --> 00:00:09.654 align:center
First of all, we've created

00:00:09.714 --> 00:00:11.054 align:center
A mood board.

00:00:11.094 --> 00:00:12.735 align:center
That's what we'll see together.

00:00:12.755 --> 00:00:14.855 align:center
You're going to show us different leads.

00:00:14.895 --> 00:00:16.476 align:center
creative, different examples that you

00:00:16.496 --> 00:00:16.716 align:center
they like it

00:00:16.776 --> 00:00:17.716 align:center
And so are we.

00:00:17.776 --> 00:00:19.036 align:center
Then we'll have a little meeting.

00:00:19.096 --> 00:00:21.317 align:center
We'll leave comments, like

00:00:21.517 --> 00:00:22.738 align:center
They did it here, to find out

00:00:22.758 --> 00:00:23.338 align:center
A little bit more what you like,

00:00:23.358 --> 00:00:23.818 align:center
Which I don't like.

00:00:24.718 --> 00:00:25.819 align:center
I also wanted to introduce you to a

00:00:25.839 --> 00:00:27.460 align:center
little the site before, how he

00:00:27.480 --> 00:00:28.461 align:center
I'm sure you've got one.

00:00:28.501 --> 00:00:29.161 align:center
before and after the

00:00:29.201 --> 00:00:30.002 align:center
I'm going to rewrite.

00:00:30.062 --> 00:00:31.483 align:center
Once the creative trail

00:00:31.523 --> 00:00:32.783 align:center
has been validated by you,

00:00:32.803 --> 00:00:33.724 align:center
we're going on the road

00:00:33.764 --> 00:00:34.364 align:center
The wireframe.

00:00:34.384 --> 00:00:35.305 align:center
In the wireframe, that's where

00:00:35.325 --> 00:00:36.346 align:center
We're going to create the whole structure

00:00:36.366 --> 00:00:37.466 align:center
from the website.

00:00:37.506 --> 00:00:38.987 align:center
So we're going to create the navigation,

00:00:39.147 --> 00:00:40.688 align:center
It must be consistent and fluid, it must

00:00:40.728 --> 00:00:42.189 align:center
avoid friction as much as possible, but

00:00:42.209 --> 00:00:44.871 align:center
the first is that it is in accordance with the

00:00:44.911 --> 00:00:46.852 align:center
the extent to which you are involved in your business and also in

00:00:46.892 --> 00:00:47.513 align:center
Your staff.

00:00:48.613 --> 00:00:50.474 align:center
So to really increase the chances

00:00:50.514 --> 00:00:52.795 align:center
the level of contact at your level

00:00:52.815 --> 00:00:53.636 align:center
the website.

00:00:53.656 --> 00:00:54.316 align:center
Here, what we did is

00:00:54.336 --> 00:00:55.597 align:center
We've added a lot of animation.

00:00:55.617 --> 00:00:56.737 align:center
So that really depends on

00:00:56.757 --> 00:00:57.137 align:center
every customer.

00:00:57.277 --> 00:00:58.758 align:center
We also created different options.

00:00:58.798 --> 00:00:59.679 align:center
That's the same thing.

00:00:59.719 --> 00:01:00.859 align:center
Depends on the request.

00:01:00.899 --> 00:01:01.560 align:center
So here's what we did,

00:01:01.580 --> 00:01:02.780 align:center
It's that we've also added some

00:01:02.840 --> 00:01:04.741 align:center
Notes to explain a little how

00:01:04.781 --> 00:01:06.962 align:center
the animations work and we can

00:01:06.982 --> 00:01:07.803 align:center
really projecting

00:01:09.123 --> 00:01:10.884 align:center
about what it's gonna do.

00:01:10.924 --> 00:01:13.045 align:center
Once the final option has

00:01:13.085 --> 00:01:14.345 align:center
been chosen, we what we go

00:01:14.385 --> 00:01:16.806 align:center
We're going to integrate directly.

00:01:16.846 --> 00:01:17.987 align:center
The design, we're going to create the

00:01:18.007 --> 00:01:19.087 align:center
design.

00:01:19.107 --> 00:01:21.308 align:center
So here's the site design.

00:01:21.328 --> 00:01:21.789 align:center
The web.

00:01:21.849 --> 00:01:22.909 align:center
We first started with

00:01:22.929 --> 00:01:23.929 align:center
The heroes.

00:01:23.969 --> 00:01:25.270 align:center
The heroes are actually where

00:01:25.310 --> 00:01:26.631 align:center
The visitor will arrive first.

00:01:26.691 --> 00:01:28.071 align:center
In three seconds, he'll be gone.

00:01:28.091 --> 00:01:29.052 align:center
Do you want me to stay or

00:01:29.092 --> 00:01:30.052 align:center
am I going to see my

00:01:30.092 --> 00:01:30.392 align:center
competitor

00:01:30.432 --> 00:01:31.693 align:center
So it's really very important that he

00:01:31.713 --> 00:01:31.873 align:center
captive

00:01:32.493 --> 00:01:34.874 align:center
and that it attracts the client who

00:01:34.894 --> 00:01:36.255 align:center
Stay a lot longer.

00:01:36.315 --> 00:01:38.176 align:center
Once that hero has

00:01:38.216 --> 00:01:40.097 align:center
We're going to associate the

00:01:40.137 --> 00:01:41.558 align:center
design compared to this hero

00:01:41.618 --> 00:01:43.559 align:center
and we're gonna create everything

00:01:43.579 --> 00:01:44.840 align:center
the design of the page and well

00:01:44.860 --> 00:01:46.301 align:center
I'm sure the mobile version.

00:01:46.321 --> 00:01:47.742 align:center
So this is the first part.

00:01:47.802 --> 00:01:48.522 align:center
Once it was

00:01:48.562 --> 00:01:49.843 align:center
Yeah, we're going to do an integration.

00:01:49.883 --> 00:01:51.384 align:center
on webflow.

00:01:51.524 --> 00:01:52.384 align:center
I'll show you a little bit.

00:01:52.404 --> 00:01:53.485 align:center
the site, how it's doing now.

00:01:56.929 --> 00:01:57.690 align:center
So here we come to the

00:01:57.710 --> 00:01:58.970 align:center
The site I wanted to show you,

00:01:58.990 --> 00:02:00.731 align:center
which will fit perfectly with the

00:02:00.771 --> 00:02:01.892 align:center
I'm going to make a model.

00:02:01.912 --> 00:02:02.813 align:center
So here, we created a

00:02:02.853 --> 00:02:05.614 align:center
website that incorporates quite a few animations

00:02:05.674 --> 00:02:07.395 align:center
and UX transitions designed for

00:02:07.415 --> 00:02:09.417 align:center
improve understanding and also guide

00:02:09.457 --> 00:02:10.858 align:center
the user, not just for

00:02:10.878 --> 00:02:12.118 align:center
The aesthetics.

00:02:12.158 --> 00:02:12.819 align:center
So here's what we did,

00:02:12.839 --> 00:02:14.740 align:center
It's that every animation, every movement

00:02:14.760 --> 00:02:16.801 align:center
It really has a specific function.

00:02:16.841 --> 00:02:18.522 align:center
It's really meant to get attention.

00:02:18.582 --> 00:02:19.343 align:center
on key elements.

00:02:20.319 --> 00:02:21.800 align:center
And it's also going to smooth the

00:02:21.840 --> 00:02:23.381 align:center
navigation and how i do it

00:02:23.401 --> 00:02:24.822 align:center
You said before, it's gonna get stronger too.

00:02:24.842 --> 00:02:25.943 align:center
The conversion.

00:02:25.983 --> 00:02:28.104 align:center
It's the same with the animations.

00:02:28.184 --> 00:02:30.286 align:center
give the desire to stay longer

00:02:30.306 --> 00:02:31.086 align:center
on the website and in

00:02:31.226 --> 00:02:33.728 align:center
I want to know a lot more.

00:02:33.748 --> 00:02:35.249 align:center
But also to give a better

00:02:35.289 --> 00:02:37.511 align:center
the perceived value of the work of the

00:02:37.551 --> 00:02:38.772 align:center
society and what they do.

00:02:39.712 --> 00:02:41.153 align:center
So, of course, also increase their

00:02:41.193 --> 00:02:43.755 align:center
price for their service.

00:02:43.775 --> 00:02:44.596 align:center
It is also thanks to this that they

00:02:44.616 --> 00:02:45.176 align:center
I can't believe they did it.

00:02:45.216 --> 00:02:46.677 align:center
I'll share a case with you later.

00:02:46.717 --> 00:02:47.418 align:center
The client.

00:02:47.518 --> 00:02:49.760 align:center
They were also able to move on

00:02:49.800 --> 00:02:51.001 align:center
the international market.

00:02:51.041 --> 00:02:52.101 align:center
So that's all it does.

00:02:52.121 --> 00:02:53.643 align:center
That really, these animations, often, we

00:02:53.683 --> 00:02:55.004 align:center
feels like it's just for

00:02:55.044 --> 00:02:56.245 align:center
It's nice, but it's also for

00:02:56.265 --> 00:02:57.646 align:center
to tell a story about

00:02:57.666 --> 00:02:59.387 align:center
the company and put forward

00:02:59.407 --> 00:03:01.869 align:center
all the strengths of the company.

00:03:02.229 --> 00:03:03.330 align:center
So, here, it was a little bit for

00:03:03.350 --> 00:03:04.270 align:center
I'll show you all this.

00:03:04.290 --> 00:03:05.672 align:center
I'll let you look at the proposal.

00:03:05.692 --> 00:03:07.173 align:center
below and do not hesitate if

00:03:07.193 --> 00:03:08.594 align:center
You have questions.