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
Back to feedPost
Hey Guys, I created GRIMOIRE- a book reading app, I am new to animations and motion interactions, pls excuse the mistakes I am just learning, kindly scroll a lot farther after the animation to view the entire webpage.
About Grimoire-
Its a spooky book reading app for horror and fiction, with a Halloween theme.
Process-
I have created the landing page with some parallax scroll animation, I used Gemini to create a code for the animation and most of the images.
I used Figma to edit some of the images
I explained the idea to the google Gemini and it gave a code to be pasted in the stitch.
Feedback
-Loved- the interactions created and the content and the images, worked Greate with a a proper code.
had trouble- editing the image and editing in general, it became stuck after some time, may be because of animations or heavy images. Had a hard time reducing the gap between the animation and the sections below and adding some elements. I had a fun time with the challenge overall. It took a few trials. Thankyou
hey guys, I apologize for not posting on socials, I was out of time &I lost my Linked in password. I did not have an account on X but I have created one now, I am not that tech savvy so it took me some time, but I have created a post and also tagged @stitchgoogle, with a product...
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
Challenges
View all
Related posts
Designed a dashboard concept for tracking net worth across every asset type — stocks, crypto, property, pensions, funds, cash, and liabilities — all in one place.
Instead of the usual pie chart or bar graph, the centerpiece is a dial: a single, glanceable gauge showing where your wealth actually sits. Behind it, a quiet grid of every asset category fades in and out of visibility, reinforcing that everything's accounted for even when it's not the focus.
Dark UI, a single confident green accent, and a lot of negative space — built to make a genuinely overwhelming task (seeing your entire financial picture at once) feel calm instead of cluttered.
wow the animation feels super smooth, what is this animation for?
Working on the homepage for Still Blooming, a wedding and floral studio, I explored two different layout directions for the hero section. Same brand, same copy, just a different structure and visual rhythm.
Option 1 : Left Aligned. Text sits on the left with supporting content beside it, giving an editorial, asymmetrical feel.
Option 2 : Centered. Everything is stacked and centered, giving a clean, balanced, more classic hero layout.
Would love your honest UX/UI take which direction feels more elegant, functional, and true to a wedding/floral brand, and why?
22 voted
41%
32 voted
59%
54 votes
Closed
Great Design :)
Some designers are obsessed with removing friction. Usually, they’re wrong.
When it comes to high stakes fintech "invisible" is a bug, not a feature.
We designed the Tithe onboarding with a mandatory slide to confirm. One second of friction to ensure a lifetime of trust.
Don't just make it fast but rather feel right.
The slide-to-confirm is a nice touch. For financial decisions, that extra moment of intention makes sense.