A New Website for Ayelet Insurance & Finance: Brand, Admin System & Privacy Management

Ayelet Insurance & Finance is an insurance and finance agency in Netanya, led by Daniel Bashari, serving families and businesses with car, home, business, health and life insurance, as well as pensions and finance. The previous WordPress site no longer reflected the agency: an inconsistent design, plugin dependence and content that was hard to update. At the same time, Amendment 13 to Israel's Privacy Protection Law came into force, demanding order on the digital side too.

The Core Challenges:

• No Visual Identity: the agency had no logo, and no design language connecting the website, documents and social channels.
• Many Lines, a Short Path: seven insurance lines, eight insurers and forms for each. Visitors need to reach the right line and the right form in a few clicks.
• Inquiries That Never Get Lost: every inquiry, from the contact form or a quote wizard, must reach the agency and be stored even when email is delayed.
• Privacy Done Right: a site that collects personal details needs to log cookie consent and handle access and deletion requests in an orderly way.
• Moving Without Losing Google: the old WordPress URLs had to keep leading to the right page.

We started with the brand. We designed a new logo for Ayelet, an LA monogram with an arc that stands for protection, and derived a complete design language from it: a palette of navy, petrol and steel blue, the Assistant typeface, 60° diagonal lines echoing the logo, a brand book and a design system. On that foundation we designed every page of the site, and only then built the system.

The site runs on Laravel, with a block editor that lets the agency team update any page without touching code. Around it we built an admin panel with inquiries, quote wizards, a privacy center, an SEO center, user management and system tools. We also integrated Logicode's accessibility and cookie plugins, in a version written specifically for the site.

There is no stock photo in the home page banner. Instead, a looping animation builds the logo we designed from its own geometry. The logo is made of two circles and lines at 60°, and the animation tells that story:

• Construction lines: the circles and lines the emblem is built from are drawn, like a designer's blueprint.
• Outline: the emblem's three parts, the diagonal stroke, the A and the arc, are traced in a thin line.
• Strips at the brand angle: twelve strips slanted at 60° slide in from both sides and assemble the emblem.
• Shine and protection waves: a flash of light sweeps the emblem, and waves ripple out of the arc like an umbrella spreading protection.
• Exit: the strips keep moving and leave on the other side, the outline erases itself and the loop starts again.
• Light and accessible: SVG and CSS only, no libraries and no video. Visitors who asked their device to reduce motion, or paused animations in the accessibility menu, see a static emblem.

Beneath the interface is a system written for the agency's needs, not a ready-made theme with dozens of plugins.

• Technology: Laravel 13 and Blade templates, with self-hosted TinyMCE, Chart.js and SortableJS in the panel.
• Structured data: InsuranceAgency, FAQ, article and breadcrumb markup, so Google and AI engines understand what the agency offers.
• No outside dependencies: the fonts, text editor and icons are hosted on the site itself, with no Google Fonts and no CDN.
• Faithful to the design: every page was automatically compared to the structure of the approved design, so the live site looks exactly like it.
• End-to-end tests: form submissions, cookie consent and its revocation, the accessibility menu and saving every content type in the panel.
• Business details in one place: phone, address and opening hours are set once and update across the site, the call and WhatsApp buttons and the structured data.