In order to improve the usability, we re-designed all of Flipp’s websites, which included the app landing page, corporate website, help centre and the consumer facing blog. As the designer for the Marketing team, I was in charge of design and front-end development of the web pages. The process included ideation with various stakeholders within the organization, creating wireframes and high-fidelity mocks, collecting assets and creating the websites in Wordpress using the Elementor plugin.
The purpose of the site is to encourage website visitors to download the app on their phone. The branding followed our consumer brand, which is focused on product photography and our brand colour. It also uses the primary blue in order to connect the experience with the app as it is a colour more commonly used in the app. The content included are commonly found in app landing pages, such as value proposition, app feature preview, user reviews, promo video, and media mentions.
Live website: app.flipp.com
The site is focused on providing information about Flipp as an organization. It also follows Flipp’s official B2B Brand Guidelines, which uses lifestyle photography and different shades of blue. Unlike our consumer focused websites, its use of our brand colour is minimal as we want to convey a professional voice.
Live website: corp.flipp.com
Even though it is under the Corporate domain, the careers & culture site uses a different branding as it has a different purpose than the rest of the site. The purpose of this section is to help with talent acquisition by showcasing life at Flipp to potential members of the organization. The branding uses bright colours and photography as it follows our talent branding, which emphasizes Flipp’s fun and quirky personality. It uses a similar layout as the corporate website in order to connect both sites together.
Live website: corp.flipp.com/careers-culture
Flipp Tipps is a blog dedicated to helping shoppers provide for their families by making life affordable with on-budget recipes, shopping guides and money saving tips. Since the site has a lot of dynamic content and lifestyle photography, the design is simple and uses mostly whites, greys and an accent of blue to avoid distracting the users from the content.
Live website: blog.flipp.com
The purpose of redesigning the Help Center is to improve its usability both for our users who will be seeking information in the site and our internal team members who will be constantly updating the content of the site. With a simple layout and straightforward search function, the design is focused on making sure that users are easily able to find the information they need. The site follows the colours of our design systems to visually make connections with the app. This is because it is a page that users can directly access through the app.
Live website: help.flipp.com