About the project

Matrix of Destiny is a web service that calculates a “Destiny Matrix” from a date of birth. The user enters their name and date, gets a chart of their matrix and a section-by-section reading, while the full description unlocks after payment.

The challenge

A destiny matrix is a dense chart of dozens of numbers connected by lines. Without a thoughtful presentation, it turns into an unreadable table. We had to design an interface where the chart looks striking yet stays clear, the reading doesn't wear the user out with its length, and the move to the paid part feels like a natural continuation rather than pushy advertising.

The finished matrix

The results page opens with the heading “Your Matrix of Fate is ready” on a dark background with a soft color gradient. Below it are a short explanation and the name and date of birth used for the calculation. The font pairing — a serif with italics in headings and a sans-serif in body text — sets a calm, “premium” tone.

The matrix itself is drawn as an octagonal chart: key numbers are highlighted with large colored circles, secondary ones with thin outlined circles, and certain lines are marked with money and heart icons. On the right are the purpose blocks: personal (Sky, Earth), social (M, F), spiritual and planetary. Bracket connectors show which numbers make up the final value, so the calculation logic is visible right on the screen.

Reading by section

Below the chart comes the reading in an accordion: Personal Qualities, Destiny, Karma Of The Past, Comfort Point, Money, Talents. One section is open and the rest are collapsed — so the long text doesn't turn into an endless wall. Inside a section, each energy is a separate block: a number inside the signature star, a name, a description and a list of “what to work on”. At the end is a “Read Full Description” button.

Full version

The button leads to a screen offering the full reading: a large heading “Learn More About Yourself & Change Your Life Now”, a list of the categories that will become available, the price and a single “Calculate Matrix” button. The screen shares the style of the results page, so it reads as the next step rather than a separate sales page.

Result

We designed a service where a complex numerical chart can be read at a glance, the reading is split into clear sections, and the path from the free result to the full version takes one click. The visual style builds the product's atmosphere without getting in the way of using it.