Once the hierarchy of elements and the navigation is defined, I proceed to do the low-fi wireframes for mobile and desktop versions. I iterate the wireframes until I get a good distribution for the home.
Then the mid-fi wireframes are done in Sketch and some elements are defined, such as typography and icons that will represent different sections. By these visual elements, user experience is improved, as recognition is important when navigating.
Mobile and tablet design will both have a top and bottom bar. Both will have three icons in the bottom bar, each with the name of the section. The home feed will show the calendar, news, advertises, outlined information and an informative slide, each one following a different level of importance .