Go and get a new browser

Work

towio

The frontend development for TOWIO by Würth was a solo project led by UI/UX Designer Andreas Lexa, leveraging a range of modern web development technologies and methodologies to create a polished and user-friendly website. This project was driven by an agile approach, allowing for iterative development and continuous improvement throughout the process.

Central to the project was the implementation of Atomic Design principles, which facilitated the creation of a modular and reusable component library. This ensured consistency and scalability across the website's UI elements. HTML5 was used for structuring content, providing modern web capabilities and enhancing the overall performance of the site.

Team

  • Andreas Lexa
  • Anne Levy
  • Sven Ehlert
https://towio.com
  • agile
  • Atomic Design
  • CSS
  • Docker
  • HTML5
  • Kirby3
  • Laravel MIX
  • TailwindCSS
  • vanillaJS
  • webpack

Responsibilities

  • Frontend Development
  • Backend Development
  • Technical Concept
  • Deployment
  • Accessibility
  • Performance Optimization
  • Cross-Browser Compatibility
  • Responsive Design
  • Framework and Libraries
  • Prototyping
  • Version Control
  • Testing and Debugging

The backend was built using Kirby3, a flexible and user-friendly content management system, which allowed for easy content updates and management. The build process was powered by Laravel MIX, which, combined with Webpack, optimized the development workflow and asset compilation. TailwindCSS was employed for styling, offering a utility-first, responsive design system that streamlined the CSS development process.

The frontend development utilized vanillaJS for interactivity and functionality, ensuring a lightweight and efficient codebase. Docker was used to create a consistent development environment, ensuring that the deployment process was smooth and error-free.

The project emphasized performance and efficiency. Webpack's capabilities were leveraged to manage and bundle JavaScript modules, while Laravel MIX streamlined the process of compiling assets. TailwindCSS and vanillaJS enabled rapid prototyping and iteration, allowing for quick implementation and testing of new features.

The final deliverables for TOWIO included a fully functional, responsive, and visually appealing website. The use of Atomic Design principles ensured a consistent look and feel across all pages, while the modern tech stack provided a robust and maintainable codebase. Andreas Lexa's expertise in UI/UX design and frontend development resulted in a user-centric website that effectively meets the needs of its audience, showcasing Würth's offerings in a professional and engaging manner.

De-Zentralbild with Zoff
agile, CSS, html, HTML5, node, npm, nvm, roots.io, SASS, TailwindCSS, vanillaJS, webpack, WordPress