Myers Order Forms – Package Details

Myers Order Form Package Detail Pages

Standard Package Features page
Standard Package Features List

These pages needed a complete overhaul so I got the chance to do them from scratch, the only part of the application where that’s the case. At the time, html5 was not yet implemented in any browser so I wrote them in xhtml, which was the standard at the time. They’ve been restyled to match the Marketing site a couple times but with the new version of the page (as screenshotted here), that meant only css changes. You can view these pages by going to the order form at https://wbm.originatornetwork.com/orders/broker_step1.html and clicking on “View” by the packages.

Auto-Plus Package Features page
Auto-Plus Package Features List

Executive Package Features page
Executive Package Features List

Spiral Knotwork Part 6

Spiral Knotwork Part 6

Spiral Knotwork Part 6

Progressing nicely into the next row down of individual threads.

Spiral Knotwork Part 5

Spiral Knotwork Part 5

Spiral Knotwork Part 5

Moving on into drawing the individual threads. I decided to go for a double thread this time to add some complexity, except perhaps in the innermost spiral where I might leave it a single thread. You can see how the framework relates to the threads here.

Spiral Knotwork Part 4

Spiral Knotwork Part 4

Spiral Knotwork Part 4

I’ve finished the rough outlines for the threads in the knot. Normally at this point I would trace them to be sure that it was one thread (or that specific decorative threads are evenly woven, if that’s what I’m going for), but since the threads bleed off the edge that didn’t seem necessary — after all, where would I trace it to?

If that seems a little hard to follow in the bottom left corner and near the center of the spiral… that’s because it is. Spots like those are the main reason I do this preliminary sketch in of the threads. It would be too easy to cross or connect in the wrong spot, and when using ink, it’s not like you can undo or erase to fix the misconnect. I suppose I could here, in digital, but it’s a lot faster to figure it out first than to go back and correct later.

Spiral Knotwork Part 3

Spiral Knotwork Part 3

Spiral Knotwork Part 3

Now the underlying framework is done. The lines that are currently black act as “complications” in the knot, keeping it from just being a basic boring latticework. The blue lines are edges of the spiral, except inside the innermost blue line, where the green edges are also the edge of the spiral (it’s so small I didn’t want to add additional large blue lines in there and obscure the drawing area.

Note, these screenshots are at half-size. The original is 1200px by 900 px.