Created the structure (The Wireframe)—the backbone—of our entire search project layout, also made it easier so later we can add/build individual parts/sections.
As you can see in the picture below, initially I created wireframe with a low-fidelity, simplified outline of our search product. You can usually recognize them by their distinctive block layouts, using example text to represent important field data, and “✕” squares indicating placeholders for images.
This wireframe I used as the skeleton and later closely shape the final product, giving client a reliable idea of where everything will eventually go.