Attorney at Law Website - Empowering Legal Excellence Online

The online platform of Attorney at Law, where legal expertise meets the digital world.

screenshot of the website -

This project spotlights the creation of a comprehensive website tailored to establish a commanding online presence, promote legal services, and share insightful perspectives through a dedicated blog.

Skills & Competencies

Key skills, tools which I used in current project

  • Jamstack (Eleventy - Static Site Generator)

  • Front-end (HTML, CSS, Javascript)

  • CI/CD (Netlify + GitHub)

Skip table of contents

Table of contents

Problem Statement

With the aim of revamping a previous website, our objectives were twofold. Firstly, to ensure seamless user experiences on mobile devices — critical as 88% of users access the site through smartphones. Secondly, to enhance user engagement with additional contact forms and dedicated landing pages for distinct legal services. These enhancements had to be balanced with a focus on minimal download speed due to potential disruptions from power outages caused by missile attacks on Ukraine’s energy structure.


Building upon the foundations of the previous iteration, which leveraged Eleventy.js – a Static Site Generator (SSG), this project adopted the Jamstack approach. The existing Eleventy-based website template served as a robust starting point. The development process unfolded collaboratively, involving a UI Designer and me (read “solution architect”), with the latter overseeing the Jamstack architecture, ensuring optimal performance, and crafting the technological underpinnings.


Design and UX

By aligning with the “Excellent Websites” paradigm, the project ensured a compelling blend of modern CSS methodologies, fluid typography, flexible layouts, and progressive enhancement. The Jamstack architecture empowered high performance, promoting superior user experiences. A key success metric was achieving a near-perfect Lighthouse score, signifying enhanced user interaction, SEO potential, and site performance.

Technology Stack

  • Jamstack architecture with Eleventy SSG at its core.
  • Git as the content management system (CMS).
  • Front-end technologies including HTML, CSS, and JavaScript.
  • Leveraging Netlify PaaS for DNS management, CI/CD integration, and advanced form handling with Slack integration.

Challenges and Solutions

Transitioning from the previous Gulp-based assembly and Sass usage to a more streamlined modern CSS approach was a challenge. However, the structured Eleventy development methodology inspired by Lene Saile provided an elegant solution.

Results and Impact

The revamped Attorney at Law website - has significantly elevated the attorney’s online visibility and engagement with potential clients. The inclusion of additional contact forms has fostered a fresh stream of leads. Crucially, the project’s focus on high Lighthouse metrics has engendered an enriched user experience and elevated search engine ranking.


Special acknowledgments to Andy Bell - for his “modern Web vision” and comprehensive Eleventy course, and to Lene Saile - for inspiring the structured Eleventy development methodology.


This website is particularly meaningful to me, as it is my wife’s personal brand website. As a project developer, I hold the “power” to make it public on GitHub. Much of the code was contributed by brilliant minds, and I encourage you to integrate portions of this project into your own endeavors. Together, we can further enhance the digital landscape with exceptional websites that merge expertise and innovation.

Get in touch

The best way to stay tuned with me ...

Follow on LinkedIn