Here are the steps to create a distorted design in Illustrator.
Draw a rectangle and duplicate it. For manipulating the points use the Direct Selection tool.
Create a new layer. Using the Rectangle tool create a new design. Then use Pathfinders Add to Shape Area and Expand.
Make a duplicate of the original design and use it as the colour of the background piece. Create a spare copy by duplicating it and move it to the side.
Make a third copy and give the colour orange.
Choose the Blend tool and give 100 steps.
Use a gradient for the spare one and move on top.
Group it and reduce the size. Move into place. For manipulation use Free Distort.
If necessary use the Rotate tool to bring some change.