Atid S.M. Software Engineering Ltd.
Figma designs transformation into HTML/CSS/JavaScript templates
Client
Atid S.M. Software Engineering Ltd.
Industry
Software Solutions for Insurance Agencies
Country
Israel
Services
- Custom Web Development
- Responsive Design
- Web Application Development
Product Type
- Custom Websites
- Web Applications
- Mobile-Responsive Sites
Expertise
- 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
Results
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.