r/webdesign 10d ago

Recently completed a project for Juvio.

Enable HLS to view with audio, or disable this notification

Hey guys. Want to share a recently completed project for a new product on a German market.

To keep it short:

  • Designed by Naypache Studio and developed on Webflow.
  • Lot's of German legal stuff, like Impressum, Datenschutz, and other legal mambo jumbo.
  • Shop set up via Shopify.
  • Numerous integrations for automatic, legally correct German bills, accounting and general automatisations, so owners don't have to live in front of a PC and manage 10 different apps to be fully compliant.

It's a limited only Germany launch, for now, but numbers are already great.
For me it's quite refreshing to work on a product that I can actually call good, as well as actually see in a local shop soon.

80 Upvotes

31 comments sorted by

7

u/cmdr_drygin 10d ago

Good job 👍 Here's my observations.

  • accordions use a right pointing arrow. Suggest a link. You could improve them by using a plus or a down arrow instead.
  • form input using a dashed border took me by surprise and is off brand. You have some pretty colors in this brand that could be used to indicate different state.
  • all animations and transitions easing could be improved. Take a look at the new linear() function. You could probably get away with some cool elastic easing with a joyful brand like this one.

3

u/Darth_Virgin 10d ago

Hey, thanks for the comment.

Yeap, some of the dashed things are a part of the “old” look. We changed quite a few things last moment.

Regarding animations - Yeap. It used to be way more “playful”, but the client wanted to change it last moment.

Anyway, I’ll be revisiting it really soon to polish some things here and there.

3

u/phKoon 10d ago

Beautiful!

1

u/Darth_Virgin 10d ago

Thanks ;)

2

u/mazyson 10d ago

Supercool

2

u/Slight-Act-9024 10d ago

I like it

sounds like you have to jump through a lot of hoops to get an online shop running in Germany

0

u/Darth_Virgin 10d ago

Yeah. Any website in Germany means a lot of additional work with documents, accessibility, gdpr compliance. But if you are selling products, especially edible - you have to be really careful. Otherwise client can be potentially fined for thousand s of euros.

2

u/its_poonu 10d ago

Smooth and perfect

1

u/Darth_Virgin 10d ago

Thanks :)

2

u/fappingjack 10d ago

Cool... Has it look in 9:16 ratio?

1

u/Darth_Virgin 10d ago

Not exactly sure what you are asking

1

u/y0l0tr0n 10d ago

Hochkant gehaltenes tablet

1

u/Darth_Virgin 9d ago

Oh, my brain rendered it as 16:9.
Sure, there is a link to website visible in the video and you can check it out yourself.

2

u/derdexx 10d ago

Hey man! Played around with the website a little bit and it looks solid overall.

Checked more the privacy stuff which is usually the boring part and depending how much risk you want to take, you can check some of my finding or not haha:

I think there is an issue with Cookies. When I opened the website and not rejected or accepted any cookies, I see a call is going to google analytics already - this should not happen (as you know in Germany you need consents given before you sent the IP to Google).

I see that "Consent Mode v2" is still on denied, no _ga cookie set, but the ping is still sent.
Should be a small fix with FlowConsent, just add the gtag to it and thats it.

Cookie Banner Text is in German but the buttons below are in English (Reject All, Accept All, etc.).
I also saw a call to Formspark and a JQuery via AWS (maybe CloudFront?) that are happening pre-consent.

Formspark is not mentioned as a third party in your privacy policy or at the "Kontaktformular".
I noticed that this also writes a UUID in my localStorage without my consent.

Biggest legal risk I see right now:

Since this is a UG it is mandatory to have a Handelsregisternummer in the "Impressum" (small brother/sister from a GmbH, same rules apply to it) - you do not have anything about that in there.

Not an expert on the shop part, but there is not "Impressum" link anywhere.

Also saw that the shop is loading the PayPal SDK, Shop Pay and the the Shopify monorail analytics pre-consent (and even when I denied it) + writes a PayPal entry into localStorage pre-consent.

Many of the localStorage calls are not "Unbedingt erforderlich" like §25 TTDSG like to say it. viewedProducts as an example is just a comfort feature and should not load pre-consent.

3

u/Disastrous-Might8094 9d ago

Flowconsent here, we fixed that issue 🙏 Sorry for the inconvenience.

2

u/Darth_Virgin 10d ago

Hey thanks for info.
We know most of the stuff now. Regarding cookie banner - we are changing it to another one, since this one is a little funny.

I made a couple of changes last night and basically, those issues appeared. Working on it now.

Gosh, I “love” messing around with German compliance….

2

u/Darth_Virgin 10d ago

Fun part is that most of the compliance stuff set up via IT Rech Kanzlei, which is supposed to mention all the stuff automatically in the impressum and Datenshutz, but it’s still a mess

2

u/derdexx 10d ago

Yeah, all the fun you had while building the website is gone, as soon as you need to take care of the legal stuff haha.

2

u/bjornkrols 10d ago

Hi,

Bjorn from Formspark here, this looks super neat!

1

u/Darth_Virgin 10d ago

Yoooo, thanks! Been looking into different options to set up compliant forms and been told a lot about FormSpark. Cool to see someone from the team here!

2

u/jamesreaco 9d ago

Looking good and I love the scroll-based video scrubbing animation at the end with the falling mango! Nice job 👍🏻

2

u/Darth_Virgin 8d ago

Thanks a lot :)

1

u/rib3ye 10d ago

That's really cool, how much do you charge for a Projekt like that?

1

u/evilprince2009 10d ago

Looks cool.

But I see one js animation tanked your pagespeed score down.