Best way to build this in Webflow? 🤔

Design help General
1

Hi,

I have a project coming up that I’d like to build in Webflow as opposed to WordPress, but I have a technical challenge that I’d like to solve before taking it on.

The website I’m working features angled sections and I’m wanting to know the “best-practice” for building this in Webflow. :arrow_down:

Section_1.PNG
Section_1.PNG1920Ă—962 56.3 KB

Section_2
Section_21920Ă—836 68.6 KB

If these sections were a solid color and not an image, I know I could use the Skew in the Transform settings, but that won’t work with images. So my thinking is:

  1. Edit the main image in Photoshop to include the angle, then bring it into Webflow. Then size it and allow it to overflow the section.

  2. For the green Zebra pattern background, I’d create this as an SVG with the angles, then bring it into Webflow.

Interested to know if this makes sense, and what your approach would be.

Thanks in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)