Wireframes

Wireframing is a way to design a website service at the structural level. A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys.

If you are able to, we'd recommend trying to wireframe out your site pages before going into Episerver and building them. At the very least, you want to have a general idea of the blocks you are going to need to create before beginning. This will not only help make your workflow in Episerver quick and efficient, but it will allow you to think about your site wholistically before building it to make sure that it communicates the club's brand/vision and allows for a cohesive overall user experience.

Examples

Below are some examples of high-fidelity wireframes that were used to help build out some of the premier sites. Keep in mind, if you choose to create wireframes before you build the sites, they do not need to be as high-fidelity as what you are seeing here. In fact, you can even keep it as simple as a sketch on pen and paper. The goal is to understand how your content is going to be laid out before building it, so however you get there is perfectly fine.