The page flow was built to support the learn-ability of the app’s core functions. Since efficiency had a top priority I minimized the number of the intermediate steps during the sign-up, registration and account management processes.
While building the visual strategy I needed to take into account the trend sensitivity of the target audience as well as their professional preferences, employment status and networking habit.
In order to visualize the page interactions, I built an interactive prototype in which all pages were represented with their low-fidelity mock-up.
Making the UI as intuitive as possible required close relationship with and deep listening to the members of the target audience. Following the natural flow of their work process helped to find the best location for the UI elements.
The landing page and other commercial materials (banners, social headers, etc.) were created in compliance with the application’s visual strategy.
The work in this case also started with creating low-fi mock-ups to find the most descriptive layout optimized for a one-way conversion.
In order to minimize the bounce rate, I visualized the possible branching point where conversion can be lost and special attention is needed during the design process.
Starting from the prototyping process the entire UI design was prepared for responsive development. I compiled the design of all the pages in 3 different sizes, displaying the mobile, the tablet and the desktop version.
Clearing every visual distraction away from the modal windows, helped to keep the visitors on a single track flow.
PAGE HIERARCHY | FLOW DIAGRAM
Visualizing the page hierarchy was an effective way to check the number and the difficulty level of the steps the visitors have to make to achieve their intended goal.
I kept the text rich pages free from graphic elements and used list styles and text formatting instead to prepare the pages for quick scanning.