Wireframing with Mockflow

Recently I needed to make mockups and wireframes for a redesign of a website. After using some other cumbersome software, I stumbled upon Mockflow. This website contains an application for the creation of mockups and wireframes. Mockflow can be used for free for up to four pages, or through a paid $59 yearly subscription with unlimited mockups.

I only used the free version of Mockflow, but I liked this application most for its intuitive interface and ease of use. From the beginning I was able to use my Gmail account to log in instead of making another separate account. There are numerous different components and styles to add to the wireframe. These elements can be resized and edited down to the color and line size.

Mockflow Interface

All of the components are drag and drop, making it easy and fast to rearrange the page design. The application also had a handy auto-save feature in case the page is accidentally closed. After a design is complete, it can be exported or saved to access at a later time. With the free version, there is also an option to collaborate with another user. The paid version allows for unlimited collaborators.

The following is an example of a completed mockup. This particular example took me less than fifteen minutes to create. I’d highly recommend this application for wireframing or mockup projects.

Example Mockup