Tener.ai landing page
Idea
The main challenge was updating the existing platform with a focus on a unique visual identity. We chose a retro-futuristic direction with command-line interface aesthetics. The main goal was to recreate the nostalgic experience of Windows 95 interfaces and terminal consoles, while maintaining the high usability and speed of a modern web application. This is a balance between a "raw" technical style and intuitive UX for an AI product.
Design and style
Work on the visual language began with the development of presentations. We abandoned standard SaaS templates in favor of monospace fonts, a strict grid, and characteristic system elements (windows, progress bars, pixel icons) to create the feeling of a professional tool for developers and AI enthusiasts.
Framer development
To implement the project, Framer was chosen as the primary development tool. This reduced time-to-market by skipping the mockup stage in Figma.
Animation
Animation became a key element of user immersion. Using Rive, I developed complex vector animations for the main screen and sales funnel visualization. Unlike traditional videos or Lottie, Rive animations are fully interactive, are lightweight, and run on state machines, allowing the interface to instantly react to user actions, enhancing the feeling of a "live" console.
Blog
To ensure content flexibility, Framer CMS was implemented. It gives the blog a clear structure, so the team can easily add new posts without touching code. The CMS is set up to match the overall site style, automatically giving new posts the project's retro vibe.
