Dr Trbovic Website

To establish a clear structure and intuitive user flow, I began the project by creating low-fidelity wireframes in Figma. These wireframes outlined the fundamental layout of the website, including the placement of key elements such as headings, images, CTAs, product sections, and the flipbook preview area.

At this stage, I focused on defining the hierarchy of information across the homepage and product pages, positioning and behavior of primary and secondary CTAs, the structure of sections such as book details, author profiles, testimonials, and purchase options, as well as the overall navigation flow and how users move between “Read the Book,” “Buy Now,” and informational pages.

Once the structure was approved, I transitioned into high-fidelity UI design, applying branding, typography, and visual style.

I designed and developed a clean, modern, and responsive home page that introduces the book, highlights its key features, and guides visitors toward either reading the flipbook or purchasing the physical copy.
Prominent call-to-action buttons lead users directly to “Read the Book” or “Buy Now,” ensuring a smooth and intuitive experience.

Visual elements include:

• A book preview section with a dynamic flipbook

• Key selling points

• Testimonials

• A section introducing both authors with photos and bios

The layout is structured for clarity and easy scanning, helping visitors quickly understand the book’s purpose and proceed to checkout.