L’Alliance – Design system, 2023

image

During my involvement in the L'Alliance project, which is a real estate ads web application with multiple children websites, I took on the role of front-end specialist. Here are the key details of my responsibilities and achievements:

  1. Coding components :: I worked on more than 60 components in the JS front-end framework that is Vue JS. JS frameworks are modern front-end tools for building scalable applications with the ability to create reusable components.
  2. Front-end Integration: I was responsible for integrating approximately 100 Figma mockups into the web application using Tailwind CSS and Nuxt.js. This involved translating the design specifications into clean and efficient front-end code.
  3. Complex Architecture: L'Alliance application was built on a complex architecture involving Kubernetes, Docker, Elastic Search, Nuxt.js, and Tailwind CSS. I worked within this architecture to ensure seamless integration of the front-end components.
  4. Headless Web Application: The project included the development of a headless web application, which required careful coordination between the front-end and back-end teams to ensure smooth data flow and functionality.
  5. Mobile-First Approach: we focused on optimal user experiences on various devices and screen sizes. This involved implementing responsive design techniques and optimizations.
  6. Motion Design: I had the opportunity to contribute to the project's motion design by incorporating animations and interactive elements to enhance the user experience. This included designing and implementing smooth transitions and engaging visual effects.
  7. Project Duration: The L'Alliance project spanned approximately one year, during which I consistently delivered high-quality front-end integration work within the designated timelines.

Description

Working on the L'Alliance project allowed me to demonstrate my proficiency in front-end integration, specifically using Tailwind CSS and Vue.js. By ensuring a seamless integration of design mockups, adopting a mobile-first approach, UX Design methods and incorporating motion design elements, I contributed to creating a visually appealing and user-friendly real estate ads web application.