Site:
https://cookformom.comSource: https://github.com/anulman/cook-for-mom
Creator here . I've been working on a free, six-week, online cooking class to help beginner and novice chefs build skills, toward the goal of preparing a 3-course gourmet meal guaranteed to impress mom for Mother's Day.
I appreciate that landing pages are generally frowned upon as Show HNs; if you feel compelled to downvote, I understand.
While I'm certainly hoping to recruit some cooks among us, I wanted to share this project because I want your feedback on this as a conversion tool, and I hope to share back any ideas or implementations you find interesting.
Some "neat stuff" you might appreciate:
- Though this is an Ember.js app, it loads _real_ quick due to a prebuilt index.html deployed (with all relevant assets) to Firebase CDN [1]
- There are nudges and triggers all over the place. An exit intent nudge gets registered as soon as you scroll past "Menu". Try hovering over the nav bar before and after. This only works once, because we don't want to annoy the user. [2]
- I set a consistent fingerprint across all analytics tools, using a lib espoused by adtech friends [3]
- If on Chrome, the parallax is responsive to resizes, supports variable height, _and_ is hecka performant—even in light of all of the listeners + analytics code. [4]
- The source for the welcome email is public too; it is generated with HEML [5]
Thanks HN!
[1] ember-cli-build.js#L13-L18
[2] app/pods/index/nav-bar/component.js#L35-L38
[3] app/metrics-adapters/segment.js#L23-L40
[4] app/pods/components/parallax-container/fluid/component.js#L24-L39; I'm hoping to extend this to Safari / Firefox too and have a halfway-working impl (they rely on odd DOM hacks and compute the transform differently); please message if you can help!
[5] heml/welcome.heml; I plan to extend this into compiler tooling to better separate concerns & reuse components, in order to generate the weeks' content
