Atid S.M. Software Engineering Ltd.

Figma designs transformation into HTML/CSS/JavaScript templates


Atid S.M. Software Engineering Ltd.


Software Solutions for Insurance Agencies




  • Custom Web Development
  • Responsive Design
  • Web Application Development

Product Type

  • Custom Websites
  • Web Applications
  • Mobile-Responsive Sites


  • Frontend Development
  • UI/UX Design

Project: Custom Web Development for Insurance Dashboard

In the rapidly evolving world of software solutions for insurance agencies, Atid S.M. Software Engineering approached MDBS with a distinct challenge: converting Figma designs into fully functional HTML/CSS/JavaScript templates. The requirement was not just about precise implementation but also about inclusivity - ensuring support for Right-to-Left (RTL) language styles and accessibility for people with disabilities

Key Features

  • Customizable Product Pages: We designed product pages that allow the client to showcase their products with high-quality images, detailed descriptions, and customer reviews
  • User Account Management: Users can now create accounts with different access options
  • Support for Right-to-Left (RTL) language styles
  • Ensuring good accessibility for people with disabilities

Technology Stack

  • Vite: A tool for fast building of web applications
  • Jest: A framework for testing JavaScript code
  • ESLint: A tool for static analysis of JavaScript code
  • Prettier: A tool for automatic code formatting
  • Sass: A CSS extension with additional functionalities
  • PostCSS: A tool for processing CSS
  • Chart.js: A library for creating interactive charts
  • MDB UI Kit: A collection of pre-made user interface components
  • Perfect Scrollbar: A library for custom scrollbars
  • @originjs/vite-plugin-commonjs: A plugin for handling CommonJS modules in Vite
  • @fullhuman/postcss-purgecss: A plugin for removing unused CSS styles
  • @popperjs/core: A library for managing the position of elements on the page


We proposed various design solutions to Atid S.M. Software Engineering and after choosing the most suitable variant, we implemented the designs and coded them, ensuring support for Right-to-Left language styles and accessibility for people with disabilities. Throughout the whole process, we made sure that the solutions we were proposing were satisfactory for the client and aligned with their vision, which is why we were in constant touch to exchange feedback.

After completing the project, we can gladly say that it was very successful and resulted in strong cooperation between us and Atid S.M. Software Engineering.

We approached MDBS needing a team of experts capable of transforming our Figma designs into fully functional HTML/CSS/JavaScript templates. It was crucial for us that these implementations were not only precise but also inclusive, supporting RTL (Right-to-Left) language styles and accessible to people with disabilities. MDBS exceeded our expectations, skillfully coding all views of our Admin Panel with an eye for RTL styling, responsiveness, and accessibility considerations.
Over the course of a few weeks, we collaborated on three projects, each involving several rounds of swift feedback. This process ensured that any issues were quickly addressed, culminating in a fully working solution tailored to our needs.
As we reflect on the successful completion of these projects, we are excited about the prospect of ongoing collaboration with MDBS. We highly recommend MDBS to anyone seeking expertise in web development that is both technically sound and mindful of user accessibility.

Etay Shtrit

Atid S.M. Software Engineering Ltd.

Want a Similar Project?

Are you interested in embarking on a project similar to what you've seen here? Don't hesitate to reach out to us! We're eager to hear about your unique ideas and requirements.

Book a Free Consultation

Our experts are eager to discuss our cooperation possibilities and conduct a thorough review of your business to identify how we can best support your growth and success. Simply fill out the contact form and we will get back to you.

Your message has been sent

Get a custom quote

Contact us

More about you

More about your needs

Licensing details

Warning: After selecting free consultation you will be redirected to a Calendar Form.