Waldo Broodryk

I'm really grateful for an opportunity to collaborate with the Advanced Shelter team. Bringing you Functional Art pieces by Renan Ozturk [made in limited quantities] with Wired Snowboards & The Åre Ski Factory
All proceeds support [our ailing mother nature] & Protect Our Winters.

Advanced Shelter

Persian Swan is a tribute to the Iranian National Ballet. Launched in partnership with Principle Dancer Tara Ghassemieh, Producers Elle Toussi and Kelly Johnstone.

Persian Swan

My first ever Webflow Ecommerce store, built and hosted with Webflow using Webflow Ecommerce. My wife and I hired our friend Leah Quinn from Quaint Inc. to design a very cute logo and branding assets for this company (which my wife came up with). Super excited to share this with the world. We'll have many more products coming soon.

Midwest Mutt Shop

Welcome to the Jellysquad NFT project. Once we've launched our full collection on October 31st, I'll make a clonable template for the process.

Jellysquad

New website for my cousin, Brigitte. 

Assembled in about an hour or so using this template: 
https://webflow.com/templates/html/craig-portfolio-website-template

Brigitte Paints

So a few weeks ago my friend Jeff Black and I were chatting and I was perusing the interwebs when I stumbled upon Aviation American Gin's website. You may already know this already, but Ryan Reynolds recently became their owner and they have a SUPER fun brand.

While looking at the site, it didn't really feel like the site communicated that as well as it could. So I asked Jeff if he would be up for redesigning the site and I'll build it in Webflow. Jeff was pretty stoked and said let's do it! 😄

So I documented the entire process from start to finish. Looking forward to sharing a 6 part series of this build. Along with a live stream where I'll be building out an additional page. 😄

I ended up uploading a Sketch file into @Figma (so that I could work on my PC for the build) and everything worked so seamlessly 😄. Mega props to the team over there at Figma for building such a great tool! 👏 🎉💯

Aviation Gin Redesign

I was super inspired by the incredible work done by the team behind the Epicurrence 8 site design that I just had to take a stab at rebuilding it this past week 💜

Epicurrence site rebuild (2018)

This is a free cloneable Webflow style guide site with components to help speed up your website build process.

Free web design style guide template

In this demo, there's some custom code (as shown in the video) where you set an overlay to dark then lighter colors behind it. There's also some code to add an outline stroke around the text.

Outline Hover Text with Shine Effect

Here's a quick guide on how to create a scaling parallax animation:
https://www.loom.com/share/269e18246c994bfbb3584b83d345df3a

Scaling Parallax Effect in Webflow

Please feel free to clone this profile template for your Roboto and upload your information/update the text about your Robotos & Robopets.

Roboto Profile Site Template

This was a quick fun gradient and grid scroll animation build. 😄

Art Project 42 - Gradient tiles

This is a quick guide on creating modals that stop the page from scrolling, after you've opened a modal.

Closing the modal via a background click or by clicking on the on the close icon, closes the modal and then makes the page scrollable again.

Stop the page from scrolling when a modal is open

Dino Cake

lighthouze

I had a lot of fun last night learning new CSS painting techniques using CSS filters on elements to use them for shading.

Gonna keep tinkering around, but that was a run warm-up!

Feel free to clone and make it your own! 😄

Flake Chocolate for the Dribbble Weekly Warm-up

A Project

I started building out this Webflow project back on August 14th, 2017 for a hack week project for a pre-built layouts idea (you'll see more about that soon). It was a lot of fun, and I'm excited for the future of these capabilities once they're native at some point.

Essentially these layouts can be used as building blocks to build out a v1 wireframe of a website/landing page etc. They use the least amount of styles possible so that you can make any section your own. You could even use this to make your own templates if you wanted to. 

All of the elements are built from symbols which should have hopefully easy to find names. So you can use Quick Find (CMD + K), to quickly find a symbol and drop it in the page. 

Be sure to press CMD + SHIFT + A to disconnect the section from the symbol before you begin styling. 

This is now clonable, have fun and build something awesome please 💜

Pre-built layoutz for building blocks of a website design

It has been a dream come true to work with Jared, Emily, Jeff, and Eugene to design, develop, and launch the new Rojas Trucks website. We have a lot more planned and in the works for this year, too.

From working with Eugene to finalize lighting and materials on the truck models to brand and site design with Emily and Jeff, then personally handling all photography, interactive 3D modeling (of Jared's patented skate truck designs), and site development, it was a lot of fun with many learning experiences.

Then, integrating Shopify with Webflow, using Shopyflow to create a custom storefront running on a Shopify backend, gave us full control of the design and front-end experience.

It was a lot of fun to build an experience where riders can determine the best bushing options for them through our bushing configurator, which auto-selects that product option after visitors enter their information.

Rojas 2024

Rojas Skate Trucks Website

Freelance Web Designer & Developer

1070795817

1309657251

1316201488

1316201489

1592612642

1863160016

1905118106

2144870841

2216482092

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

2546957535

2789269995

2857348505

2929119789

3112069432

3258716925

3289310561

3313039722

352651922

3557227276

3590523401

3591394191

3686551772

3913199261

3931106129

3934148661

4041193489

4083567884

4092855684

4103643638

4206156914

451433404

622649767

622649768

657188092

737109165

772001133

882147072

938734410

105340574

1120744071

1131151533

1171384976

1185683512

1197475705

1197746894

1229056119

1234765101

1236803103

1290849437

1292405251

130043074

1322655470

1336067073

1350250754

1380896143

1406455659

1418395020

1433303746

143629253

1455163268

1455742168

1457420719

1458975701

1499868407

1501922903

1557989767

1568482678

1665126082

1680586027

1753134293

1775656907

183596474

1857805694

1925696804

1928608458

1944913766

1968719184

2031799369

2085494476

2091902242

21336891

214950889

2161096664

2182233325

2193997669

2195150436

2198334698

2224902271

224017973

23146391

2340184165

2348917033

2354820654

2361218180

2388854597

2433588987

2458909760

2465149363

2487845889

2491501114

2494249199

2502070427

2519229707

2524380347

2529408901

2550320370

2605123638

2636510003

2663519398

2685146257

2702114298

2714120603

2715927287

2718510159

274817750

2753418190

2759911512

2776696732

2781896974

2825044701

2860045578

2867851366

2886076224

2886816758

2902992011

2907110567

2974679073

2978864049

3017737205

3049370236

3081421921

3091005856

3096464966

319846500

3221145664

3229469216

3245744487

3258263545

3330964648

3375039294

3385366709

3446095163

3472268204

347694146

3549982661

3569511999

3570326623

3576132033

3593149932

3596166000

3615398992

3639909728

3642392651

3645086757

3649469781

3658032975

3662817404

3672465503

Waldo Broodryk

About

Skills

About

About