Samples of UX Documentation
Wireframes can take many forms and it's important to keep your intended audience in mind when producing them. Low fidelity wireframes like the ones below are often very helpful to quickly illustrate structural layout changes to developers. For many of my clients, I find that integrating real content and images can be helpful when solving specific challenges related to marketing or user experience. The grayscale examples below are a solution I've found helpful for those purposes.
I am fluent in sketch, but have recently switched to Figma because of its ability to quickly share cloud-based wireframes with clients and teammates. Here is a link to the wireframes above on Figma.
________________
In addition to wireframes, other UX Documentation such as User Journeys can help stakeholders come to a resolution as to what new features and developments should be prioritized.
I've recently started using webflow for my prototyping. I prefer webflow because it forces me to think about scalability and responsive layouts and lets me resolve those issues from a design perspective before passing along to the tech team. For small clients, I can immediately launch the website for consumers. (This website is actually build using webflow for example) But for larger website infrastructures, I can export my prototypes out as html, css, and javascript which gives my developers a great launching off point to start their work.
For simpler prototyping, again, I really like Figma. Here is an example of the wireframes I shared earlier as a simple prototype in Figma.
