Building Bicycle Scheduling & Rental Internet site Utilizing JetPlugins

Binh Nguyen from Vietnam shared his extremely own Made with Croco circumstance analyze, that includes the four most effective JetPlugins from the suite. Fulfill JoyRyde, a rental site for electric powered bikes. 


Hello, my title is Binh Nguyen. I’m a web designer based mostly in Ho Chi Minh Metropolis, Vietnam. I graduated as a Pharmacist in 2019 and worked as a C# backend engineer for about a year right before I determined to go after a occupation as an independent internet designer. I would like to share my practical experience making JoyRyde, a rental site for electric bikes in Los Angeles.

How JoyRyde Job Arrived Into Remaining

I was a self-taught website designer. I get my finding out working experience from YouTube videos and free of charge methods from the World wide web. When I initially began close to 2021, I only desired to spend my funds in tools essential to my work, such as Elementor and Crocoblock.

Shortly afterward, I determined to commit in my business enterprise by paying out for top quality on the net classes for extra top quality and construction that is when I arrived across Jeffrey Dalrymple’s class: Layout with Elementor. Having viewed Jeffrey’s videos on YouTube, I’m assured his system will be in depth and effectively-delivered.

JoyRyde is a single of the three briefs Jeffrey bundled for the college students to observe what they have figured out in the system. I made a decision to select JoyRyde as a way to implement what I’ve learned from the system and also a rationale to learn about the scheduling functionality furnished by Crocoblock.

The Method

I began developing the job at the end of April and concluded it all around mid-May perhaps.


Starting off from a blank canvas could be difficult and overwhelming. I started off my job by making a mood board, accumulating all the website layouts that could possibly have the same business enterprise model, exact vibe, and perspective that I preferred the JoyRyde web site to convey. For the content, I applied ChatGPT mainly to create some information and person personas for JoyRyde’s business and composition the site layout without the need of dwelling far too significantly on copywriting, company assessment, and user investigate.

user personas generated by chatgpt for bike rental website


For me, it often starts with minimal-fidelity wireframing of the hero portion. It is usually the element that engages the people when they first land on the web-site, location the tone and what the internet site is about. I experienced to check out diverse iterations of the hero part prior to determining on the existing a person, which you can see on the are living web site.

joyryde hero section and quick search

Selecting on the typography and color, I knew I would want the font to be sans serif, rounded, geometric font to replicate the bicycle wheel. The shade would be something that can relate to the environment and the “going green” movement, so I decided to use the colour environmentally friendly, which typically gives youthful, active, and also environment-helpful vibes. JoyRyde is the website for leasing electrical bikes in Los Angeles, so that seemed the most optimal choice.

Beneath is my workspace in Figma. I know it appears messy, but it captures how I operate, and the approach could sometimes be chaotic. I would definitely reorganize and very clear it up when I hand above the layout information to the customer.

mood board for joyryde rental website
Mood board place categorized by distinctive styles

What I like to do when wireframing is to test diverse models of the hero segment, implement distinct hero photos to see which one will operate the best, experiment with diverse hues, and compile lower-fidelity wireframes and HiFi models of distinct sections into entire webpages. 

joyryde website wireframes

And finally, I like to resize product illustrations or photos for add, draw background visuals for features and FAQ sections, make manufacturer guidelines, and duplicate all my HiFi styles into a different region.

compiling hifi designs into one section


Considering that this will involve a new operation from a plugin I have no earlier experience with, I would test to study and replicate an current venture with the exact user/functionality flows. I also recommend this approach to novices who want to discover new items.

I resolved to put in the RentGo Dynamic Template and discover from there. I also uncovered from the YouTube movies about JetBooking and JetFormBuilder. Here is the video clip that aided me entire this project:

Not to point out great information from a JetFormBuilder tutorial on conditional calculations

It took a good deal of demo and error to make points operate correctly the way I desired them to. Nevertheless, it was a exciting discovering experience in the stop, and this project has unquestionably released me to more performance available in the Crocoblock suite.

Crocoblock plugins utilized for the venture:


I was acquiring a good deal of fun doing the job on the JoyRyde project although also studying new technological innovation from Crocoblock that can help my freelance business. I hope sharing my expertise and do the job method will inspire fellow designers and developers passionate about mastering how to construct dynamic WordPress internet websites.

I am thankful Crocoblock has developed this kind of regular plugins and other merchandise that enhance every single other seriously nicely and assistance us – net designers and builders – to develop excellent initiatives for our clients without investing too a great deal time and income on enhancement.

Be sure to really feel cost-free to discover my JoyRyde stay web page, have a appear, and lease a bike I assure I won’t charge any person! 😂

Leave a Reply