Review the structure of the MMM Meetings to better understand how and when to contribute:
Know who you will be interacting with on a day-to-day basis, what they are responsible for, and how to contact them in relation to specific project needs.
Primary point of contact:
<aside> 💡 More information about the members of MMM and their roles can be found here:
</aside>
Collaborate with relevant stakeholders and the Webflow Developer to explore how the content and goals of the page(s) can be reflected effectively on the website. Explore the most effective way to arrange the page(s), which page(s) the content will be placed, and how the pages may link together.
It can be helpful to create diagrams to represent the sitemap. Make sure it is clear how many pages will be needed, their goals, their content and how they will connect.
Use the information from the sitemap to begin wireframing, which will serve as the starting point of the design. The primary goal is to find a good layout for the content provided to you by the Webflow Developer, in the form of a Notion database. Ensure the layout is as straightforward and intuitive as possible. Structure the content in Figma focusing on headers and footers, text, buttons, images, etc.
Experiment with numerous layout iterations to identify the optimal structure before integrating any stylistic elements. Make sure the layout has a natural flow and user journey that you believe will accomplish the goal of the page.
Take the layouts from wireframing, replace the images and text with placeholder content and turn the layout into a template that can be used for other pages.
<aside> 💡 Note: If you are provided a diagram for the project, it will need to be redone in the high-fidelity design.
</aside>
Following the wireframing process, integrate images, experiment with color schemes, and font styles in Figma. The goal is to create a rough idea of what you would like the high fidelity design to look like.