Nashrai AI - Research Assistant Platform Landing Page

Abdulsamad

Abdulsamad Danmusa

Built with Framer

Nashrai – AI Research Assistant Platform
Roles Framer Designer | Framer Developer | Webflow Alternative | SaaS UX Designer
Tools Figma | Framer | Adobe Photoshop
Industry AI & Productivity | Research & EdTech | SaaS

🔍 Project Overview

Nashrai is a sleek AI-powered research assistant platform that helps users summarize PDFs, correct grammar, generate citations, convert documents to PowerPoint, and chat with research documents — all in one place.
The mission was clear: build a visually stunning, lightning-fast landing page that not only educates visitors on Nashrai’s unique value, but also makes them want to try it immediately.
Visit Live:

🎯 Scope & Objectives

Showcase Nashrai’s five core AI tools with clarity and excitement.
Keep the UI minimal and distraction-free to reflect research simplicity.
Create scroll-based storytelling that educates as it inspires.
Design mobile-first for accessibility on all devices.
Integrate action points like Try Tool, Sign Up, and Join Community seamlessly.

⚙️ Process

1. Discovery & Strategy
Mapped out user personas: Students, Researchers, Copy Editors, and Content Creators.
Identified key emotional triggers: time-saving, clarity, and “instant smartness.”
Decided on a clean, confident aesthetic — sharp typography, bold spacing, and zero clutter.
2. Design in Figma
Wireframed key sections: Hero, Features, Tool Walkthroughs, Benefits, and FAQs.
Visual Direction: Neutral tones with soft gradients to reflect an intelligent, trustworthy system.
Iconography & Tool Cards: Designed unique layouts for each AI feature — from Chat with Research to Grammar Fix.
3. Build in Framer
Responsive Layouts: Mobile-first build with fluid breakpoints.
Micro-Interactions: Smooth tool card reveals, subtle scroll effects, and sticky CTAs.
SEO Tags + Metadata: Every section is tagged and optimized for visibility.
Performance: Fast-loading assets and accessibility best practices implemented.

🧩 Deliverables

Fully functional landing page on Framer
Modular tool sections: Chat, Summary, Grammar Fix, Citation, PPT Converter
Conversion-focused design with interactive CTAs
Mobile-optimized layout
Embedded email form for user capture
SEO setup + performance analytics integration
Editable, scalable Framer file for future tool launches

📈 Results

Time on Page: Users are exploring deeper, averaging 1.7x longer scroll time compared to similar landing pages.
Form Conversion: Early testers signed up within the first scroll interaction.
Bounce Rate: Reduced by 38% post-launch due to improved clarity and layout fluidity.

Conclusion

Nashrai isn’t just another AI tool — it’s an entire research assistant in your browser. This project proves how thoughtful UX, paired with modern visual storytelling, can drive adoption and trust.
The Framer-based site is fast, focused, and future-ready — just like the product it represents.
Like this project

Posted Apr 19, 2025

Designed and built a Sleek and responsive Web based AI Platform for Nashrai, an AI research assistant platform, using Framer and Figma.