Nashrai AI - Research Assistant Platform Landing Page

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.

EVCng Real Estate Platform Development
EVCng Real Estate Platform Development
Kre8Art Partial Branding Show
Kre8Art Partial Branding Show
Rein Foods
Rein Foods
W Events Pro Brand Identity Design
W Events Pro Brand Identity Design

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc