Visual Design
As part of my efforts to address a prevalent pain point brought up by users interacting with Wunderkind's resource pages, I have taken the initiative to create a range of visuals that aim to provide users with more context and clarity while navigating the website. Users frequently expressed confusion about the content they were downloading, as they felt the lack of imagery and visuals hindered their understanding. To alleviate this issue, I have designed visual mockups that can be seamlessly integrated into Wunderkind's Guide and Whitepapers pages. By pairing these visuals with the respective resources, users will now be able to visually grasp the content they are about to access, enabling a more comprehensive browsing experience.
Design Solutions
Design Options for Forms and Progressive Profiling:
As a result of low CTA click-through rates and the introduction of progressive profiling on Wunderkind’s website. I created three different designs for pages where forms would appear. Overall, my goal with these three designs was to present the forms with visual prominence and centrality within the overall design. By carefully considering the concept of progressive profiling and its effect on the form's disappearance, I aimed to create engaging and compelling experiences for website visitors. Through these designs, I sought to improve click-through rates and ultimately drive conversion on Wunderkind's website, which was both a challenge and an opportunity to re-engage website visitors and improve click-through rates.
Design A: For the first design, I wanted to utilize contrasting colors and bold typography to make the form visually striking. I positioned the form slightly off-center, utilizing a white background that draws the eye. With progressive profiling in action, the form would leave behind the CTA button right next to the description.
Design B: In the second design, the form was placed higher on the page, so that users could see it as soon as they land on the page. Similar to Design A, the form would seamlessly disappear, leaving the CTA button next to the description.
