![]() By adding tutorials into the mac app we created an integrated learning experience where users could watch tutorials and create their first cinemagraph by following along with the demonstrations documents all from within the application.ĭuring my time at Flixel we also fully redesigned the company’s website, this is the product webpage I designed for the iOS application. The right side of the window toggles between previews of the users most recent documents and tutorial videos. If running a trial the actions would suggest booking a one-on-one demo and other user actions statistically tied to conversion. If the user was a paying customer the sidebar would fill with actions associated with strong customer health such as uploading to one’s gallery or participating in the Flixel forums. This list of topics was dynamically designed to display options based on the user’s state signed-in, signed-out, free trial versus paid plan. The goal of the redesign was to create a window that would act as a launchpad, pointing users at different stages of the user journey to different actions (as seen on the left-hand side). During this process I also redesigned the mac apps Welcome Window. We designed and implemented a very similar onboarding flow on macOS to increase account creation and give context on launch of the app. For this reason, we wanted to create an onboarding flow that quickly educates users on the key steps of shooting and creating a cinemagraph. ![]() We also conducted a literature review of best practices and techniques for SaaS onboarding, as well as the iOS Human Interface Guidelines to guide design decisions.Ĭinemagraphs as a medium were only invented in 2012 and their origin and creation process is still fairly mysterious. Common requests and feedback through our Customer Success channels helped inform which vital information needed to be clarified in onboarding and the need for new plan options. When our other designer left the company just as we were wrapping up the initial design phase, I took on his responsibilities and managed the development process with the engineering team.Ĭonversation with our power users informed changes to critical path features like share and export. Pixel Motion - Flixel Cinemagraph pro, is the application that. I completed the high fidelity designs and prototypes for user paths such as export, edit profile, account settings, search for users, purchase, and tutorials. Download and install Flixel Cinemagraph pro - give life to your photos 3.5.6 on Windows PC. After we had a structure for the redesign in place, we split the UI design work evenly feature by feature. ![]() I completed the Information Architecture and worked with our lead designer to plan the overall the UX of the iOS app. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |