High-converting landing pages with visual storytelling
- 5.0
- Rating
- 5
- Followers
High-converting landing pages with visual storytelling
3 days of work. 1 minute of storytelling.
I just completed this spec ad for the Runway Big Pitch Challenge.
The goal was simple:
Create something that feels real, grounded, and memorable - without relying on heavy VFX.
Challenges:
• First time using Runway
• Finding the right product
• Building a story around a subtle moment
• Keeping performances natural
• Making AI feel cinematic, not artificial
Workflow:
ChatGPT - prompting
Flora AI - image generation
Runway - video generation
Photoshop - refinement
Premiere Pro - final edit
When everything feels unstable, some things shouldn’t fail.
4
5
530
Future Tyre AI - 3D Product Landing Page with Interactive Experience
Designed a futuristic product landing page focused on visual storytelling and interaction.
The goal was to present a concept product using immersive 3D elements while maintaining a clean layout and structured user flow.
Focus:
– Product-centric visual design
– Interactive 3D elements
– Clear composition and layout
– Modern, tech-driven aesthetic
This project explores how 3D and motion can be used to create engaging product experiences while keeping the interface intuitive.
1
302
Cinematic PowerPoint Motion Designer | Morph & Animation
Cinematic PowerPoint Motion Designer | Morph & Animation
Did you know PowerPoint could do this?
I built a 90 slide Apple AirTag concept presentation, entirely in PowerPoint. Custom 3D model, morph transitions, motion graphics, cinematic pacing. No plugins no, external software. Just PowerPoint pushed way past what it's supposed to do. Check out Part II and Part III of this project on my profile and let me know what you think! I'd love your review.
(P.S : theres a pretty interesting lore behind this project)
0
140
Farewell '26 - Scrapbook Presentation
A five minute animated scrapbook built for our seniors farewell. Y2K and vintage aesthetic throughout, with photos, memories and a unique animation sequence on every page. Designed to feel like flipping through something real, not watching a slideshow. Stats suggest- Six seniors cried watching it and giggled by the end.
(DISCLAIMER: THIS TEMPLATE REPORTEDLY TAKES THE AUDIENCE ON A ROLLERCOASTER OF EMOTIONS, USE WITH CAUTION)
0
144
Sphyrna (NASA Space Apps 2025 Global Finalist Pitch)
3-D model walk-through of the SPHYRNA shark tag, built for NASA space Apps challenge 2025 where our team placed as global finalists. The presentation covers the full hardware with text overlays on each component and a visual breakdown of the mathematical, foraging prediction equation judges specifically remarked on the video being "exceptionally polished".
The 3D Model of Tag was Designed by me on blender (first project ever).
0
132
Product, Motion & Illustration Designer
Product, Motion & Illustration Designer
Full-Stack Developer | Web & Mobile Apps, Custom Software
New to Contra
Full-Stack Developer | Web & Mobile Apps, Custom Software
Design Generalist with core product design expertise
Design Generalist with core product design expertise
View more →
I edit professional videos for brands.
I edit professional videos for brands.
Edited this announcement reel for Ignite Room to build hype, not just views — tight pacing, beat-matched cuts, and visuals that hit on every drop.
Edit focus:
• Beat sync cuts
• High-energy transitions
• Dynamic text hits
• Momentum-driven pacing
• Social-first framing
If your event needs people to feel it before they attend, let’s work.
Open to collaborations 🚀
2
127
Turned long conversations into crisp, engaging moments.
From cutting dead air to pacing, captions, and visual flow — every frame is edited to keep the listener hooked.
What I focused on:
• Clean jump cuts
• Natural pacing
• Subtle zooms & punch-ins
• Caption timing for retention
• Platform-ready formatting
If you’re a creator or brand looking to make your podcasts more watchable, let’s work.
Always open to collaborations 🚀
2
54
HubSpot + Next.js Conversion-Focused Frontend Developer
- 2x
- Hired
- 11
- Followers
HubSpot + Next.js Conversion-Focused Frontend Developer
I just launched my new portfolio — designed like a visual story, not a résumé.
After spending a lot of time designing and building interfaces, I wanted my portfolio to feel like the kind of digital experience I create for clients — editorial, expressive, intentional, and highly visual.
This one brings together:
→ UI & Front-End Development
→ Figma → Code
→ HubSpot Development
→ Website Design
→ Responsive Development
→ Performance & Optimization
→ Selected work & experiments
I also wanted to showcase projects through art-directed visuals instead of repetitive device mockups — using editorial compositions, typography, illustrations, real interfaces, and visual storytelling.
A few projects featured include Noir Flora, FORM / FIELD, EMPKHET, Smart Farming, and several UI experiments.
Built with a simple idea:
Good design shouldn't just look good. It should make the experience feel different.
Would love to hear what you think 👀
Portfolio → https://test.codebyaryan.com/portfolio :
#Portfolio #UIDesign #FrontendDevelopment #WebDesign #Figma #React #HubSpot #CreativeDevelopment #WebDevelopment #Contra #DigitalDesign
2
2
138
NOIR FLORA — Editorial E-commerce Experience 🌿
Just launched my latest Figma website template on Contra.
NOIR FLORA is a premium, editorial-inspired e-commerce experience designed around cinematic imagery, sophisticated typography, and immersive storytelling.
What’s inside:
• Full responsive website design
• Editorial full-screen homepage
• Multi-sized product grid
• Sticky scroll storytelling
• Sticky desktop filter sidebar
• Mobile hamburger navigation
• Mobile filter drawer
• Collections, Shop, About & Contact pages
• Reusable Figma components
• Responsive desktop, tablet & mobile layouts
• Interactive prototype
Designed for floral studios, fashion brands, lifestyle brands, creative businesses, and premium e-commerce experiences.
🔗 Explore the full project:
NOIR FLORA on Contra (https://contra.com/products/0p5f1abi-noir-flora-editorial-e-commerce-experience?utm_source=chatgpt.com)
💳 Get NOIR FLORA:
Purchase NOIR FLORA (https://contra.com/payment-link/rXSENBV3-noir-flora-editorial-e-commerce-experience?utm_source=chatgpt.com)
Built in Figma, with a strong focus on responsive UX, editorial art direction, and scalable components.
#Figma #WebDesign #UIDesign #UXDesign #ProductDesign #EcommerceDesign #WebDesignTemplate #ResponsiveWebDesign #Contra #NOIRFLORA
1
54
FORM / FIELD — A Premium Architecture Website Template
I just launched FORM / FIELD, an experimental website template designed for architecture studios, interior designers, creative agencies, and other design-led brands.
The design combines editorial typography, immersive imagery, minimal layouts, and scroll-driven storytelling to create a more cinematic web experience.
What's inside
→ Responsive desktop + mobile layouts
→ Interactive prototype
→ Scroll-driven project storytelling
→ Selected Work experience
→ Reusable layouts & components
→ Premium editorial visual system
→ Complete Figma source file
Preview the website before purchasing:
Live Preview — FORM / FIELD (https://mess-hazel-72607149.figma.site/?utm_source=chatgpt.com)
Get the full template on Contra:
FORM / FIELD on Contra (https://contra.com/products/P60zYKdj-form-field-premium-architecture-website-template?utm_source=chatgpt.com)
Built for people who want a website that feels less like a template and more like a designed experience.
#WebDesign #Figma #Architecture #InteriorDesign #UIDesign #EditorialDesign #WebDesignTemplate #Contra #CreativeDesign #PortfolioDesign
2
2
157
Just launched Euphoria — a premium HubSpot CMS theme for architecture studios, interior designers, creative agencies, and luxury brands.
Built with:
✨ 44 custom modules
✨ 34 page templates
✨ Portfolio & case study pages
✨ Blog & marketing templates
✨ Performance-focused design system
I'm looking for honest feedback:
👉 What would make a theme like this more valuable to you?
👉 What features or modules are usually missing from themes you buy?
👉 What website problems are you trying to solve right now?
Your feedback will help shape the next version of Euphoria.
Preview: https://test.codebyaryan.com/euphoria
#HubSpot #HubSpotCMS #WebDesign #WebDevelopment #Contra #Architecture #AgencyLife
0
158
Building strategic, bold and modern brand identity designs
Building strategic, bold and modern brand identity designs
