Transform Sleep with AI: Google Stitch Landing Page DesignTransform Sleep with AI: Google Stitch Landing Page Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Iโ€™m happy to take part in this challenge and share my project created with Google Stitch โค๏ธโ€๐Ÿ”ฅ
For this challenge, I designed a marketing landing page for a sleep improvement app that helps users build better sleep habits ๐Ÿ˜ด
[๐—ช๐—ผ๐—ฟ๐—ธ๐—ณ๐—น๐—ผ๐˜„]I used Google Stitch throughout the whole design process: - Imported my design system from Figma - Added visual references - Generated the first version of the interface with prompts - Improved the content and layouts using AI edits - Added animations and interactions to complete the experience
[๐—ž๐—ฒ๐˜† ๐—ฆ๐˜๐—ถ๐˜๐—ฐ๐—ต ๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€ ๐—จ๐˜€๐—ฒ๐—ฑ] In this project, I explored several Stitch features: - Design imports - AI editing - Prompt-based UI generation - Animations and motion
๐—˜๐˜…๐—ฝ๐—ฒ๐—ฟ๐—ถ๐—ฒ๐—ป๐—ฐ๐—ฒ ๐Ÿคฉ I really enjoyed working with Stitch. The workflow felt intuitive and easy to understand, making it simple to move from ideas to polished screens. Creating and updating layouts was fast, and the AI-powered editing significantly accelerated the design process. I also appreciated how seamlessly Stitch worked with my existing design assets, allowing me to combine my design system with AI-generated concepts and iterate efficiently
Workflow Video (the same video as the one attached) : https://drive.google.com/file/d/1y1NIdNjLn1JM2S_s2wYpn0jR1nB-nyoj/view?usp=sharing
๐Ÿ˜‡ ๐—ฆ๐˜‚๐—ฝ๐—ฝ๐—ผ๐—ฟ๐˜ ๐— ๐˜† ๐—ฆ๐˜‚๐—ฏ๐—บ๐—ถ๐˜€๐˜€๐—ถ๐—ผ๐—ป ๐Ÿ˜‡
If you enjoyed this project and found the workflow demonstration valuable, I would greatly appreciate your support. Thank you for taking the time to review my submission โค๏ธ
Post image
Sodiq's avatar
โ€ข 2h
This is nice
Oleksandra's avatar
Hyperactive Design logo
Thaaanks ๐Ÿ˜ ๐Ÿ”ฅ
Michael's avatar
This is a strong example of AI acting as a design partner rather than a design replacement.
The most interesting part for me wasn't the final landing page itself, but seeing how Stitch was used to accelerate exploration, refinement, and iteration while still keeping your design...
Oleksandra's avatar
Hyperactive Design logo
Thank you Michael ๐Ÿ˜ I completely agree that the goal wasn't to replace the design process, but to make exploration and iteration much faster ๐Ÿ”ฅ
Hyperactive's avatar
Hyperactive logo
This is one of the most complete Stitch workflow demonstrations I've seen so far. Well done, and best of luck in the competition ๐Ÿ”ฅ ๐Ÿ˜ ๐ŸŽ‰
Oleksandra's avatar
Hyperactive Design logo
Thank you so much โค๏ธโค๏ธโค๏ธ I'm glad the workflow video was useful. One of my goals was to show how Stitch can fit into an existing professional design process ๐Ÿ™Œ
Valeriia's avatar
Fantastic project! I appreciate the transparency in how you used specific Stitch features like animation and motion to complete the experience. Honestly, a really impressive showcase :) The way you mapped it all out is incredibly clear and makes me want to dive into those features myself! ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you Valeriia ๐Ÿ˜ I really appreciate that I wanted to show the actual process behind the project, not just the final screen โค๏ธโค๏ธโค๏ธ
Blahomyr's avatar
max
โ€ข 11h
This is a great example of how AI can actually speed up the design process without replacing the designerโ€™s vision.
Really like how you combined your own design system with Stitchโ€™s AI capabilities instead of relying purely on generated outputs. The workflow feels practical, the...
Oleksandra's avatar
Hyperactive Design logo
Thank you! ๐Ÿ™ Really appreciate your support โœจ๐Ÿ”ฅ
Post image
Roman's avatar
omg, first of all, I'm in love with thaat UI, second, thanks for showing whole process from scratch, your video makes me try Google Stitch, and gooooood luck in the contest ๐Ÿš€ ๐ŸŽ‰ ๐Ÿ‘
Oleksandra's avatar
Hyperactive Design logo
Thank you so much! ๐Ÿ™Œ๐Ÿ˜ I'm really happy you liked ๐ŸŽ‰
Post image
Illia's avatar
Honestly, this is one of the strongest Stitch submissions I've seen so far ๐Ÿ‘๐Ÿ”ฅ I'm in love with that purple UI and thanks sor sharing the process, this Amazing work โœจ๐Ÿ†
Oleksandra's avatar
Hyperactive Design logo
Thank you! ๐Ÿ’œ๐Ÿ”ฅ Your means a lot for me
Post image
Kateryna's avatar
This is easily my favorite Stitch submission so far ๐Ÿ†๐Ÿ”ฅ UI is awesome Alex, amazing work ๐Ÿ‘โœจ
Oleksandra's avatar
Hyperactive Design logo
Thank you so much ๐Ÿ’œ๐Ÿ’œ๐Ÿ’œ That really means a lot, really appreciate your support Kate โœจ
Post image
Suraj's avatar
โ€ข 9h
This goes incredibly hard! Easily one of the best projects Iโ€™ve seen lately. ๐Ÿ“ˆ๐Ÿ’ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Suraj ๐ŸŽ‰ I'm so exited to see your support, and I'm glad you liked my work ๐Ÿ˜
Post image
Maryna's avatar
This is a fantastic ๐Ÿš€ example of how AI can enhance creativity rather than replace it. I really appreciate how you used Stitch to speed up ideation and iteration while maintaining a strong design vision throughout the processโœจ.
The final result looks polished, and the purple ๐Ÿ’œ...
Oleksandra's avatar
Hyperactive Design logo
Thaaank you Maryna so much for your support and kind words ๐Ÿ˜ ๐Ÿ™Œ ๐Ÿ˜Š
Post image
Valeriia's avatar
Wow, this looks absolutely amazing! Inspires to explore Stitch more. Best of luck Oleksandra!
Oleksandra's avatar
Hyperactive Design logo
Thaaaanks Valeriia โค๏ธโค๏ธโค๏ธโค๏ธโค๏ธ It meant a lot for me
Post image
FELICIA's avatar
โ€ข 6h
Very nice
Oleksandra's avatar
Hyperactive Design logo
Thaaank you so much for your support ๐Ÿ˜ ๐ŸŽ‰
Post image
Klym's avatar
Fantastic results))๐Ÿ”ฅ ๐Ÿ”ฅ ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thhaaaanks Klym, for your support ๐Ÿ”ฅ
Sahil's avatar
Nice One..best of luck
Oleksandra's avatar
Hyperactive Design logo
Thank you very much Sahil ๐Ÿ˜ ๐ŸŽ‰
Post image
Dylan's avatar
Contra logo
This is so great and you did such an incredible job in your explanation video!
Oleksandra's avatar
Hyperactive Design logo
Thank you so much Dylan โ€ โ™ก Thanks for taking the time to watch and support the submission ๐‘เผ˜ โ‹† ๐“Іเพ€เฝฒโค๏ธŽ๐“Їเพ€เฝฒ โ €
Post image
Muhammad's avatar
Great
Oleksandra's avatar
Hyperactive Design logo
Thaaanks Muhammad, I really need your support ๐Ÿ˜ ๐Ÿ”ฅ
Post image
Olena's avatar
pro
โ€ข 3h
Wow, that looks great! It really makes me want to explore Stitch further ๐Ÿคฉ
Oleksandra's avatar
Hyperactive Design logo
Thank you so much Olena, I'm soo exited to hear that โค๏ธโค๏ธโค๏ธ
Post image
Atolani's avatar
This is incredibly insane ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thaaanks Atolani๐Ÿ™Œ ๐Ÿ”ฅ
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started