how to design such a shape ?

Theoretically... you just take an image... make it a template.  Then on layers above it recreate the lines.

Granted that will take awhile.  But that is what I would do.

You can also create 2 other shapes:

1. Small hexagon, and apply the Bloat effect to create a "flower" at the center of composition.

2. Big polystar with needed number of points and a small difference between radiuses. then round corners by Round Corners vidget.

3. Position the shapes like you want.

4. Blend the shapes as Monika suggests.

The result will be a bit different, you can adjust it changing radiuses, effect settings and positioning the shapes.

There are a few methods you can use to create the geometric lined background artwork.  Start with a wavy single line, use the Object > Warp setup to achieve an arc.  Then dupe the line as many times as necessary ( shift-command / control - M [ copy ].  You can also use the Reflect tool and the rotate tool.  The other elements are simple rectangles and text.  The background could be created using Illustrator or you could use a raster image texture.