Project Type: Technology Page Design and Development
Platform: Framer
Tools Used: Framer, Figma
Project Overview & Challenges
The main goal of the Technology page was to highlight Flawk's enterprise-level support and cutting-edge technology in the digital out-of-home advertising space. The page needed to convey the value and strength of Flawk's software for both small businesses and large corporations.
As this was my second project with the Flawk team, the process was smoother thanks to the established brand guidelines and stylistic elements. However, a challenge arose during the handoff from Framer to the full development team, leading to some imperfections in the final implementation. Despite this, the Framer site I developed remains visually compelling and effective.
Design & Development
The project was primarily executed in Framer, with some initial asset creation in Figma. Leveraging the brand guidelines I previously developed for Flawk, I seamlessly integrated colors, stylistic choices, and design elements like glows, background blurs, and shadows that align with Flawk's TV-like brand identity.
Standout Features:
• Animated Bento Grid: The leading feature section includes an interactive bento grid. Hovering over the cards triggers a glow effect, and the card images feature unique animations, demonstrating the potential of Flawk's analytics dashboard.
• Email Report Section: A scroll-triggered section provides an engaging experience for users interested in email reports.
• Sticky Scroll Section: This section showcases how camera reports can be transformed into analyzable data, enhancing user engagement.
Results & Impact
While the full impact of the Technology page is still being evaluated due to ongoing development by Flawk's team, the design is expected to significantly engage users and strengthen Flawk's brand presence. The Flawk team continues to collaborate with me on future projects, indicating their satisfaction with the work.
Gallery & Visuals
Key sections to highlight include:
Hero section
animated features bento grid
Sticky scroll section and overflow scroll for email reports
Designed Flawk's Technology page in Framer, showcasing enterprise-level support with interactive features like an animated bento grid and sticky scroll section.