Writify | AI Writing Assistant Website

Valentina Sarris

Project Overview: This project involved designing and developing a modern, adaptable dark mode Framer template. The idea was to create a sleek and adaptable design that works well for startups, AI tools, or any digital product that wants a bold and modern look.
My Role & Contribution:
Led the creative direction with a focus on a modern dark-mode aesthetic
Designed the full product UI and website in Figma
Created custom abstract illustrations inspired by AI concepts
Designed all visual assets and animations
Developed the entire template in Framer using components and scroll effects
Created a style guide to ensure consistent brand usage
Creative Direction: The creative direction blends a sleek dark aesthetic with abstract, AI-inspired visuals. The result is a bold, futuristic template that feels both high-tech and expressive, perfect for digital products looking to stand out.
Moodboard created for Writify
Moodboard created for Writify
Landing Page Design in Figma: All the visual assets, UI product design, page layouts, and components were designed in Figma, from the first wireframes to the final designs.
Search & Text Animation
Dark Mode Product Screen
Dark Mode Product Screen
Sections Mockup
Sections Mockup
Homepage & Platform Page
Homepage & Platform Page
Style Guide: Document all colors, typography, buttons, margins, spacing, iconography and more to ensure a consistent and cohesive visual language across the entire template.
Style Guide
Style Guide
Framer Development: I developed the site fully in Framer, using components and animations to make it easy to customize. I also added scroll effects, text animations and built a reusable asset library to speed up the process for others who want to use the template. The website includes: a homepage, a platform overview, a company page, a blog using CMS, a contact page and a custom 404.
Final Homepage
Final Homepage
Check the full website in Framer!
Like this project

Posted May 2, 2025

Created a futuristic dark-mode template built in Frame for digital products. The design mixes abstract visuals, bold typography, and scroll-based animations.

Sphere | Events Platform Framer Landing Page
Sphere | Events Platform Framer Landing Page
Vaulti | Wallet App Framer Website
Vaulti | Wallet App Framer Website
Web & UI Design Showreel
Web & UI Design Showreel
The Crust | Restaurant Landing Page
The Crust | Restaurant Landing Page