Streaming live at 10am (PST)

Electric Ride - Australian Chauffeur Service using Electric Cars


#1

I did UX consulting for this project with The Cowlick Appeal. Webflow was the go to tool for it.

https://www.electricride.com.au


#2

Nice!

Really like the angled sections - did you do this via customer code in webflow, or did you edit the stylesheet after you'd exported the site?

Also a really nice touch that you tidied up the mark-up to make it easier for others to read (particularly the head section).


#3

Super nice @PixelGeek, you nailed it again wink Cheers, Dave


#4

Nice one @PixelGeek! Could you please tell me how you got the skewed sections in place? When I use the transform tool, I get some offset at the edges of the browser window and I don't know how to fill it out without getting vertical scroll. I tried to give the section a width of "110%" and overflow:hidden but that didn't work.

See image:


#5

https://preview.webflow.com/preview/eride?preview=22d33b7ca76caf49a6089bec487c88c7

for custom code, i put:

<meta name="viewport" content="width=device-width, user-scalable=no" />
<style>
    body,
    .hero,
    .content-wrapper {
        overflow-x:hidden;
    }
</style>

#6

Thanks! But the link doesn't work!


#7

Beautiful site design and execution @PixelGeek! Great stuff!


#8

fixed. try again

https://preview.webflow.com/preview/eride?preview=22d33b7ca76caf49a6089bec487c88c7


#9

Thanks. I can't take all the credit. The team at The Cowlick Appeal did most of the work.


#10

Thanks! It was easier than I thought, and I got the native overflow:hidden to work as well. Do you need that custom code specifically?


#11

for some reason, mobile chrome on my android and mobile safari on my iPad 3 were letting me scroll horizontally. So, just to make sure that doesn't happen, I added an overflow-x:hidden to the body and html.


#12

Looks really good. Did you use Webflow interactions or Jquery animate?


#13

all animations (except for the top nav bar) is done with WF Interactions.


#14

#15