Appflow
Simplified editor for interactive product demos
Simplified editor for interactive product demos
Vivamus pretium sapien sit amet mauris tincidunt, vitae aliquet arcu porttitor sed. Morbi consequat tellus ac neque malesuada, vel cursus lacus faucibus. Integer feugiat lectus non justo commodo, quis pharetra turpis ullamcorper. Aenean sodales magna vitae commodo.
Vivamus pretium sapien sit amet mauris tincidunt, vitae aliquet arcu porttitor sed. Morbi consequat tellus ac neque malesuada, vel cursus lacus faucibus. Integer feugiat lectus non justo commodo, quis pharetra turpis ullamcorper. Aenean sodales magna vitae commodo.
Vivamus pretium sapien sit amet mauris tincidunt, vitae aliquet arcu porttitor sed. Morbi consequat tellus ac neque malesuada, vel cursus lacus faucibus. Integer feugiat lectus non justo commodo, quis pharetra turpis ullamcorper. Aenean sodales magna vitae commodo.
Pellentesque commodo sed ac amet
Pellentesque commodo sed ac amet
Sed venenatis arcu non sem sagittis, a pretium lectus convallis. Nam vestibulum nisi et risus lobortis, vitae tincidunt odio pulvinar pretium.
Sed venenatis arcu non sem sagittis, a pretium lectus convallis. Nam vestibulum nisi et risus lobortis, vitae tincidunt odio pulvinar pretium.
Phasellus commodo lacus vitae metus porttitor, sed tincidunt lorem fringilla. Proin facilisis nibh at ipsum sed. Aliquam tristique nibh at lectus pulvinar, sed porttitor urna suscipit. In hac habitasse platea dictumst. Donec malesuada lacus in turpis condimentum, vel luctus metus tempus. Suspendisse cursus risus vitae enim amet vitae.
Phasellus commodo lacus vitae metus porttitor, sed tincidunt lorem fringilla. Proin facilisis nibh at ipsum sed. Aliquam tristique nibh at lectus pulvinar, sed porttitor urna suscipit. In hac habitasse platea dictumst. Donec malesuada lacus in turpis condimentum, vel luctus metus tempus. Suspendisse cursus risus vitae enim amet vitae.
Curabitur vestibulum ac vitae
Curabitur vestibulum ac vitae
Nunc efficitur mauris in ipsum consequat, non posuere odio feugiat. Maecenas egestas justo sed risus convallis, quis fermentum purus tincidunt ornare.
Nunc efficitur mauris in ipsum consequat, non posuere odio feugiat. Maecenas egestas justo sed risus convallis, quis fermentum purus tincidunt ornare.
Praesent fringilla diam vitae nibh interdum, vel convallis nunc posuere. Fusce tempus lectus non sem consequat, sit amet aliquet neque pulvinar. Nullam tincidunt justo quis eros facilisis, sed finibus augue posuere. Donec vestibulum erat non metus. Vivamus pretium sapien sit amet mauris posuere ac.
Praesent fringilla diam vitae nibh interdum, vel convallis nunc posuere. Fusce tempus lectus non sem consequat, sit amet aliquet neque pulvinar. Nullam tincidunt justo quis eros facilisis, sed finibus augue posuere. Donec vestibulum erat non metus. Vivamus pretium sapien sit amet mauris posuere ac.
The original Appflow interface before redesign
Onboarding flow guiding users through demo creation
Fermentum vitae posuere
Fermentum vitae posuere
Morbi consequat tellus ac neque malesuada, vel cursus lacus faucibus. Integer feugiat lectus non justo commodo, quis pharetra turpis ullamcorper. Aenean sapien ac.
Morbi consequat tellus ac neque malesuada, vel cursus lacus faucibus. Integer feugiat lectus non justo commodo, quis pharetra turpis ullamcorper. Aenean sapien ac.
Sed venenatis arcu non sem sagittis, a pretium lectus ac et nulla. Phasellus commodo lacus vitae metus porttitor, sed tincidunt lorem fringilla. Proin facilisis nibh at ipsum aliquet, quis cursus neque condimentum. Duis purus.
Sed venenatis arcu non sem sagittis, a pretium lectus ac et nulla. Phasellus commodo lacus vitae metus porttitor, sed tincidunt lorem fringilla. Proin facilisis nibh at ipsum aliquet, quis cursus neque condimentum. Duis purus.
Viverra commodo posuere
Viverra commodo posuere
Aliquam tristique nibh at lectus pulvinar, sed porttitor urna suscipit. In hac habitasse platea dictumst. Donec malesuada lacus in turpis et purus sed.
Aliquam tristique nibh at lectus pulvinar, sed porttitor urna suscipit. In hac habitasse platea dictumst. Donec malesuada lacus in turpis et purus sed.
Nunc efficitur mauris in ipsum consequat, non posuere odio feugiat. Maecenas in ac. Praesent fringilla diam vitae nibh interdum, vel convallis nunc posuere. Fusce tempus lectus non sem consequat, sit amet aliquet neque pulvinar. Nullam tincidunt justo quis eros facilisis, sed finibus ac.
Nunc efficitur mauris in ipsum consequat, non posuere odio feugiat. Maecenas in ac. Praesent fringilla diam vitae nibh interdum, vel convallis nunc posuere. Fusce tempus lectus non sem consequat, sit amet aliquet neque pulvinar. Nullam tincidunt justo quis eros facilisis, sed finibus ac.
Proposed editor architecture and component organisation
Live-recording modal with real-time click tracking and progress feedback
Impact on live product
Impact on live product
The concept helped establish a more confident, premium SaaS aesthetic for Guideflow.
The concept helped establish a more confident, premium SaaS aesthetic for Guideflow.
Demonstrated how a cleaner structure could support non-technical users working with advanced demo tooling. Elements of the work were implemented in the live platform, showing how consistent components and clearer flows could make the platform feel both more powerful and easier to use. The designs proved their value by moving from concept to production.
Demonstrated how a cleaner structure could support non-technical users working with advanced demo tooling. Elements of the work were implemented in the live platform, showing how consistent components and clearer flows could make the platform feel both more powerful and easier to use. The designs proved their value by moving from concept to production.
A high-fidelity, integrated preview mode