April 4, 2017
•Last updated November 5, 2023
How to Design and Code a Product Landing Page - Part 19 - Ending
The ending is here! The final video of "How to Design and Code a Product Landing Page" has come.
In this video, I add some interactivity as well as tighten up a few styles. From this point forward the client will review the design and suggest changes.
Post recording
I recorded this entire landing page series quite a ways in advance. One big hiccup I ran into was the ability to choose a quantity with the Stripe plugin I originally used. Rather than reinvent the wheel I decided to delete that feature and opt for WooCommerce. WooCommerce gives WordPress all the necessary features of an eCommerce website. While it's a little overkill for a single product, the owner does plan to scale the product line going forward.
Final thoughts
I hope you've enjoyed this series. It was an attempt at giving you an inside look at my process from start to finish. There's plenty more that can be done as well as optimized but for now again you can view the final size live at h2ohdrink.com.
If you like this video series you're in luck! I plan to do more like it. The projects will vary as well as the subject matter. Let me know what you'd like to learn and maybe we can even learn something new together!
Please like or subscribe for more!
The Complete Series
Categories
Collection
Part of the Design & Code a Product Landing Page collection
Products and courses
-
Hello Hotwire
A course on Hotwire + Ruby on Rails.
-
Hello Rails
A course for newcomers to Ruby on Rails.
-
Rails UI
UI templates and components for Rails.