Submitted 4 months ago

Animated Coffeeroasters Multipage Website ☕☕ w/ HTML, CSS & JS

Koda👹• 3,810

@kodan96

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Coffeeroasters subscription site

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Made with:

HTML 🦴
CSS 🎨
JS 🤖
modile-first workflow 📲📲
animated with GSAP and its ScrollTrigger plugin 📖📖
used jQuery for DOM manipulation 📃📃
smooth scrolling provided by lenis 🧈🧈

What specific areas of your project would you like help with?

As always, if you notice anything... 👇👇

Community feedback

Tharun Raj• 1,250

@Code-Beaker

Posted 4 months ago

Hi there, loved the website. Beautiful animations! 😊

However, I felt like there was a little too much delay for the animations. For example,

The navigation bar appears after the hero appears(I don't know if this is an issue tho).
In the "Our Collection" section, the collection__item appears after I scroll past that section.
In the "Why choose us" section, the reasons__item appears after I scroll past the section.

I don't know if they're meant to appear like that. These are just my thoughts that might help you improve your solution. Overall, your website looks amazing!

Hope this helps you 😊

Marked as helpful

Koda👹• 3,810

@kodan96

Posted 4 months ago

@Code-Beaker

I guess you opened it on mobile. It only happens on touch screen, there's something with the plugin I used that needs some optimization with touch-screens on my end, but couldn't figure it out yet.

So I'm aware of this, but appreciate the feedback 🤘

Saul Gabriel Aranguren• 300

@saularanguren

Posted 4 months ago

Good job bro 💪

Koda👹• 3,810

@kodan96

Posted 4 months ago

@saularanguren

Thank you, appreciate it! 🤘

alexander• 1,300

@alex931d

Posted 4 months ago

love the animations great job!

Koda👹• 3,810

@kodan96

Posted 4 months ago

@alex931d

thanks, appreciate the compliment. Where's your next project?

alexander• 1,300

@alex931d

Posted 4 months ago

@kodan96 hello i have been working on a portfolio project :) its hard to be active two places at once but don't worry

Koda👹• 3,810

@kodan96

Posted 4 months ago

@alex931d

then keep up the grind, good luck 💪🙌

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord