Webflow Project: Integrate Wireframes into Template 🎨

So basically we have a lot of projects going on, but our main developer is out.

and anyway he's always fully booked.

So we need to, we need to find some support, for this project.

It's pretty simple.

We have the.

These are the wireframes, so I will share with you the design.

These are the wire frames.

they have a little bit of design element but the client already liked it.

So, so we can go this direction.

But let's change it up a bit.

I bought a template.

We can use this one.

It's already on the webflow, so you will see it on webflow.

And we just need to turn the wireframe more into this design.

So I already started.

You will see on webflow.

And here I changed the design a bit so to fit the template I would go this direction know.

So this is how I see the wireframes and the template going together.

Right.

So here at this, this picture.

First compress it to webp and just make sure to change the styling.

I will share with you the branding guidelines which I have here.

so the branding guidelines are basically these colors.

This is the, the, the fonts.

Keep the fonts from the template for now.

We'll do that later.

And then, yeah, this is it.

So it will need a little bit of designing to.

Just to get a feel for it.

Maybe this can be nicer, integrating the form in a nicer way.

but mainly now building out the elements and making sure that everything that's on the wireframes is on the live website.

here, as you see, this is a dynamic page.

So I made it this way, reusing a section we already have in the template and going from there.

So reusing as much elements as we can, but do it in a clean way.

So we delete everything on the template that's not necessary and we link only the styles that we need.

But this is it.

So this is basically the merging.

here these need to be next, to each other.

But, but feel free to add some some design perspective from your own, as it's not ready yet.