I took that tool and updated it with a user interface that reduced the need to scroll up and down constantly by moving the controls to the right side of the page in a fixed, collapsible menu. On the center of the page was a preview that would update live with changes made on the control panel. It also provided a place to drag and drop the form elements.
I also added in style controls. When a user was done adding form elements, they would collapse that part of the menu and open the style controls. These would also update live when changes were made.
Below is a video of the AppCues walkthrough I made to guide new clients on how to use this form, but it's also a good overview of all of its features.
Mockups and images used in the feature story.
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/ab9463fe-892d-4ee6-b8df-de9f107919d4_rw_1920.png?h=f1ab892334e3f1f525f790d050316571)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/3c2109de-a980-4fe4-a453-ae60d0f7e072_rw_1920.png?h=17b49072118b77e46e7c9017e247c726)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/09096d25-088b-4582-8371-907d907cc7db_rw_1920.png?h=c22cbadcf0ed6ca04dc5955b21374da7)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/edaffa75-750a-4110-89e8-896362d8f85a_rw_1200.png?h=7c46c0670ecfb9bf9a1dac6c890b9e7f)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/ec0f3b32-894d-4e7c-8b90-f543dee208f4_rw_1920.png?h=a18a10ca65e5ac62d155cb65a68972be)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/9c9d69a5-735b-4b5f-83b1-5a6747840678_rw_1920.png?h=9c4ca696157d4d2cb9e95c0862e27ff6)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/800e3691-63c4-40fa-af6f-4e7ac102aeb9_rw_1920.png?h=bda8c72cc6ad117e794ddbeb314c95d4)
![](https://cdn.myportfolio.com/4dab49f5909e1777a00e0ace6e21cdd2/720f3808-787d-44a1-91f7-4cc1a415353a_rw_1200.png?h=76f1f839e946992bd8f2985455f05307)