Wireframe

Wireframe is the lo-fidelity structure of an interface, focusing on space allocation, content,

functionalities and page linking. It is good to keep the elements as neutral as we can, without using real pictures or proper UI elements like buttons or menus, as the focus needs to remain on the whole structure of the product rather than aesthetics and interface. 

The wireframe above shows the main sections of the digital product ( specifically, this is the mobile app ), and how they will be connected. The structure is not final ( changes and revisions will likely be happening as the UI is implemented and tested ), and doesn't show the whole product ( as a starting point, defining the structure of the main sections is enough ). Desktop web version and mobile web version will be similar, but will show differences as some features that are possible in native apps are not in their web versions.