Gen-Webpages for Mobile on Adobe Express
Gen-Webpages for Mobile on Adobe Express
Reimagining Generative Webpages as a storytelling tool with a Mobile-First AI assisted creation experience
Reimagining Generative Webpages as a storytelling tool with a Mobile-First AI assisted creation experience
Timeline
10 weeks
10 weeks
Summer 2026
Summer 2026
Focus
Mobile UX
Mobile UX
AI-assisted creation
AI-assisted creation
Interaction design
Interaction design
Prototyping
Prototyping
Role
Product Design Intern
Tools
Figma
Figma
Claude code
Amplitude (Data)
Amplitude (Data)
Goldmine (Research)
Protopack
🔒 This project is confidential!
🔒 This project is confidential!
Reach out to me directly to learn more about my process and work.
Reach out to me directly to learn more about my process and work.
During my 10-week internship at Adobe Express, I explored how Generative Webpages could work as a mobile-first creation experience. The focus was on moving beyond a desktop workflow adapted to a smaller screen and rethinking the full journey around mobile behaviours, AI-assisted creation, and progressive editing.
During my 10-week internship at Adobe Express, I explored how Generative Webpages could work as a mobile-first creation experience. The focus was on moving beyond a desktop workflow adapted to a smaller screen and rethinking the full journey around mobile behaviours, AI-assisted creation, and progressive editing.
The challenge & direction
The challenge & direction
01. The challenge
01. The challenge
Generative Webpages transforms simple prompts into responsive webpages using AI. The existing experience was largely designed around desktop interactions, while many creators use their phones to capture ideas, create content, and share it. The opportunity was to make rich webpage creation feel intuitive on mobile without sacrificing creative flexibility.
Generative Webpages transforms simple prompts into responsive webpages using AI. The existing experience was largely designed around desktop interactions, while many creators use their phones to capture ideas, create content, and share it. The opportunity was to make rich webpage creation feel intuitive on mobile without sacrificing creative flexibility.
02. Research & insights with the support of ADRS Team
Research, competitive benchmarking, and conversations with designers and mentors helped clarify where a mobile-first experience could add value:
Research, competitive benchmarking, and conversations with designers and mentors helped clarify where a mobile-first experience could add value:
• Mobile is a creation device for many, not just a place to view content.
• AI should accelerate creation while leaving room for personalisation and control.
• Editing on a small screen benefits from progressive disclosure and contextual controls.
• Webpages can support motion, storytelling, and sharing beyond static content.
• Mobile is a creation device for many, not just a place to view content.
• AI should accelerate creation while leaving room for personalisation and control.
• Editing on a small screen benefits from progressive disclosure and contextual controls.
• Webpages can support motion, storytelling, and sharing beyond static content.
03. Exploring the interaction
03. Exploring the interaction
I explored prompt-first, intent-based, and template-assisted entry points, followed by AI-assisted content refinement. Editing concepts focused on progressive workflows, contextual menus, and mobile-specific interactions. Visual personalisation and motion gave creators ways to shape the generated page around their own ideas.
I explored prompt-first, intent-based, and template-assisted entry points, followed by AI-assisted content refinement. Editing concepts focused on progressive workflows, contextual menus, and mobile-specific interactions. Visual personalisation and motion gave creators ways to shape the generated page around their own ideas.
04. Prototyping & collaboration
04. Prototyping & collaboration
I translated the directions into end-to-end flows, high-fidelity screens, and a fully functional interactive prototype using Claude code & Protopack. Regular reviews with my mentor and design stakeholders helped refine the concepts. I presented the work to Adobe India Design and Engineering teams post which I shared the codebase to further explore the implementation.
I translated the directions into end-to-end flows, high-fidelity screens, and an interactive Claude prototype using Adobe Spectrum 2. Regular reviews with my mentor and design stakeholders helped refine the concepts. I presented the work to Adobe India Design and later to the for handing off the Prototype repo to the Engineering teams to start implementation for v0.
Project timeline
Project timeline
Phase 1
Phase 1
Understand product
Understand product
Secondary research
Secondary research
Competitive review
Competitive review
Phase 2
Phase 2
Synthesize insights
Synthesize insights
Identify opportunities
Identify opportunities
Set design principles
Set design principles
Map key journeys
Phase 3
Phase 3
Prompting concepts
Prompting concepts
Editing workflows
Editing workflows
Mobile interactions
Mobile interactions
Final Phase
Final Phase
High-fidelity UI
High-fidelity UI
Claude prototype
Presentation to All India Design Team
Presentation to All India Design Team
What I learned
What I learned
The internship gave me valuable exposure to the complete product design process within a large, cross-functional team. From understanding the problem space and exploring ideas to iterating based on feedback and presenting the final solution, I learned how product decisions evolve through collaboration. I also had the opportunity to present my work to the Adobe India Design team and members of the Engineering team, where the project received encouraging feedback and opened up valuable discussions around its future direction. Overall, the experience strengthened my product thinking, communication skills, and ability to balance user needs with business and technical considerations.
The internship gave me valuable exposure to the complete product design process within a large, cross-functional team. From understanding the problem space and exploring ideas to iterating based on feedback and presenting the final solution, I learned how product decisions evolve through collaboration. I also had the opportunity to present my work to the Adobe India Design team and members of the Engineering team, where the project received encouraging feedback and opened up valuable discussions around its future direction. Overall, the experience strengthened my product thinking, communication skills, and ability to balance user needs with business and technical considerations.
Still curious? Let's talk.
Drop me a line, tell me what you’re up to, or just say hi. If you’re building something interesting, I’d love to hear about it.
Still curious? Let's talk.
Drop me a line, tell me what you’re up to, or just say hi. If you’re building something interesting, I’d love to hear about it.
Play
Resume
About
Work
Home
Behance
Still curious? Let's talk.
Drop me a line, tell me what you’re up to, or just say hi. If you’re building something interesting, I’d love to hear about it.
Still curious? Let's talk.
Drop me a line, tell me what you’re up to, or just say hi. If you’re building something interesting, I’d love to hear about it.