Dogtooth Inc

Junior Developer Practical

Kevin Goodwin90 minutesPaidWordPress · Elementor

This works exactly like a real Dogtooth task. Somnara, a sleep-supplement brand, needs one section of a lead-gen landing page built from their designer’s mockup. You build it, wire it, verify it on the live page, and close it with a done message. Everything you need is on this page.

What you’ll do

1

Build the section from the design

Log in at test.dogtoothinc.com/wp-login.php with the credentials that came with this link. Create a new page titled Practical – Kevin with the slug practical-kevin, set the page template to Elementor Canvas (in the WordPress editor’s Template dropdown, or Page Settings inside Elementor) so the theme header and footer stay out of your way, and build the section in Elementor to match the mockups below, desktop and mobile. Look closely at the mobile mockup: it is not just the desktop stacked.

2

Wire the form

The form collects Name, Email, Phone. On submit, the entry must arrive at your webhook URL (under “The form” below). Show a success message or redirect after submit. Your call.

3

Verify it, then close it

Submit a test entry on the live page, confirm it arrived at the webhook, check the page on desktop and mobile, then email your done message (details at the bottom).

The design

Somnara section, desktop mockup
Desktop · 1440pxOpen full size ↗
Somnara section, mobile mockup
Mobile · 390pxOpen full size ↗
Product image
somnara-bottle.jpg ↗, also in the site’s Media Library
Fonts
Fraunces for headings and stat numbers, Inter for everything else. Both are in Elementor’s font list.
Colors
#23264B night#FAF8F3 cream#FFFFFF card#F2A65A amber#C9CDF4 lavender

Copy: use exactly this text

Badge:       FREE SLEEP PROTOCOL
Headline:    Fall asleep faster in 7 nights
Paragraph:   Somnara's magnesium complex works with your body's own wind-down cycle. Get the free 7-Night Reset protocol and see how it works before you spend a cent.
Bullets:     The exact 3-supplement evening stack, with doses
             Why melatonin backfires after week two
             A printable wind-down checklist that takes 10 minutes
Form title:  Get the free protocol
Fields:      Name (Your first name) · Email (you@email.com) · Phone (+27 00 000 0000)
Button:      Send me the protocol
Microcopy:   No spam. One email with the protocol, that's it.
Stats:       4.8★ average from 2,300+ reviews · 87% fell asleep faster in week one · 60 nights money-back guarantee

The form

Fields
Name, Email, Phone, all required
Webhook URL
https://webhook.site/dc3c8931-a814-4071-a301-61dc4c7a2bdf
Every submission must arrive here.
Watch it land
Open your webhook log ↗
You’ll find one request already there. That’s our smoke test, so you know the catcher works. Yours should appear next to it.
After submit
Success message or redirect, your choice
Bonus, optional
If the page is opened as /practical-kevin?src=facebook, make src=facebook arrive with the submission.

Your done message

When you’d call this done on a live client task, email landolph@dogtoothinc.com with the subject Practical – Kevin.

Send it the way you’d send it to the producer who briefed you: the live link, and what you verified before calling it done. That’s the part we read most carefully.

Ground rules

Dogtooth Inc · hiring practicalSomnara is a fictional brand invented for this exercise.