Wagawin is a Munich-based AdTech startup. They wanted a website that helped their sales team generate new leads. All design decisions were optimized for lead generation.
The design of this website also coincided with a gentle brand refresh.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/c9a99a8d-edf3-4781-a156-bc681d6a643e_rw_1920.png?h=24e9e87757a2f199a7b982c8ffab822e)
"IO Stipple Effect" We wanted to convey data as something fluid and organic, that can generate a full, 3-dimensional understanding of an audience.
The IO stipple pattern is a text-to-binary translation of the statement "Wagawin Bringing Ads To Life"
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/58b69e07-d06c-4755-8ae4-3e496a79a963_rw_1920.png?h=48fb0beb054f58aecf9bef6b78abf6aa)
Submenus were repurposed as a floating guided tour and pinned to the bottom of the viewport. This allowed new visitors to explore the site freely without ever losing their place in the sales journey.
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/f96681f0-947a-4a27-ada6-8ce782cf423b_rw_1920.png?h=847ebf91a2628655d3d65d41a5a99026)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/667ee3ab-c632-4649-8686-01f1397ca0b0_rw_1920.png?h=823f324b8fecb53942cfb2a5dcef04ff)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/4c3fe2d1-6f3d-4204-a8aa-e1199cdca166_rw_600.gif?h=bfdda3987ab9d13c4446a0d35cc444f4)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/4b48bb43-8067-4d49-b0dc-6d734b302ccf_rw_600.gif?h=d376f8c44d66acf5c830d00e39256470)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/268585ac74d5129e9305b3fc66b1719d/c0816d02-fef4-458d-853e-0b86aae2a565_rw_600.gif?h=4059d44ed739fb9a362b84593f341ddb)
Mockup animated infographics for the mobile version of the website.