Site Layout - How would you Start?

Still new to Webflow and got this Layout from a client. On the surface it seems straightforward, but as I got into it, I am getting frustrated as the pieces are not coming together. I am used to using Flash (for give me); you create a stage and you control everything within it. The elements did not move, expand, shrink, get disjointed as the browser size changed… Anyway, each Photo and Icon is a Link Block (needs to be interactive) and I am looking just to be Push into the Right Direction (flexboxes, sections, columns, divs etc).

Any help would be greatly appreciated

Thank you,
Jack


Here is my public share link: LINK
(how to access public share link)

Try this

http://vincent.polenordstudio.fr/snap/nw11g.jpg

5 Likes

Thank you so much for this! I appreciate the time you took putting this together. I will give it a try!

Jack

When you have that set, come back with a sharing link and more questions!


1 - On your site’s dashboard click the Share icon:

http://vincent.polenordstudio.fr/snap/nqmwm.jpg

2 - Generate or Copy the link:

http://vincent.polenordstudio.fr/snap/gpto0.jpg

3 - Then edit your post here and paste it inside.

1 Like

Hi Vincent - you helped me with this Layout (guidance how to start). Delays and so forth, but I finally got back to it. I have followed (I believe) your points and overall it is Close - but still some issues. For the client, the small squares, must maintain and be squares and the one larger square is just (like) 4 squares in terms of dimension. The lowest section will be just a graphic. Anyway - as you can see it is NOT Tight. The spacing is an issue and as you can see from the original matrix - it all needs to be tighter and consistent. Anything you can Do to it, or advice me is welcome. It is just the start, so please (if u like) do whatever you want to the site. Thank you - Jack

https://preview.webflow.com/preview/globalgoals-b9d78331174060d6f33571cb73c?preview=c96534c0bfe197da4966b6ac1c38f82d

Check how I play with the idea:

https://v.usetapes.com/ykYP8RzdJg

1 Like

@jdbrowningjr I think you will encounter an issue with the over-sized block.

Vincent, Thank you so much for your video assistance! Greatly appreciated - you da man!! :smile:

Hi Vincent - Sorry to trouble you but I implemented the design etc and in Webflow it Looks Perfect! Then I publish it to a test site and the matrix is all messed up… Please see the results http://videoworx.tv/cincy/ This is the kind of stuff that drives me crazy… I dont get why it renders this way and it makes me very frustrated. Any insight would be greatly appreciated. The link is still there for the webflow site /work

Thank you - Jack

Try this:

http://vincent.polenordstudio.fr/snap/61uqk.jpg

Thanks Vincent - it Worked!!

I was hoping you could direct me on a related issue (with this site)? I have done a Modal Pop up that is working fine. I have added a Photo Slider and Close and all that is working great. However, I would really like to Embed a Website into the Modal. The client would like for the viewer to First see the site (without) going to another Tab etc. See the site Internally (so to speak), then if they want, Click to Open in a New Tab. I have tried a couple of things, with no luck. You guidance on this would be greatly appreciated. Thank you! Jack

When you have your modal working, put a Embed code widget inside it, give it the appropriate dimensions, and use an <iframe>code to embed the site you want.

1 Like

Hi Vincent - I have done the iframe like, 5 times in different ways and non of them are showing any results, just a blank box. Do I have to publish to a site, in order to see it working or will webflow preview show it. If you could look at see what I am missing under Modal - Thanks, Jack

I have done the iframe like, 5 times in different ways and non of them are showing any results, just a blank box. Do I have to publish to a site, in order to see it working or will webflow preview show it. If you could look at see what I am missing under Modal - Thanks, Jack

1 Like

Yes I do think so.

What’s the exact URL you’re trying to embed?