Probelou

Work

1. 

   Asahi Super Dry

   • I contributed to a clean, responsive website reflecting the brand’s premium identity. I built static pages with Eleventy, later integrated with Wagtail CMS by a teammate, and managed styles and scripts using PostCSS and Rollup.js for maintainable front‑end delivery. I developed interactive features, including a JavaScript countdown timer for promotions and competition landing pages to collect user submissions, supporting marketing campaigns. I also styled and customised a third‑party map plugin using TailwindCSS, ensuring it aligned with the brand’s visual identity and enhanced the user experience for location‑based content.
   • HTML, PostCSS, TailwindCSS, JavaScript, Eleventy, Rollup.js, Figma
2. 

   AXS Passport

   • I contributed to the AXS web app, working within an existing SvelteKit and TailwindCSS codebase to implement a redesigned dashboard based on Figma designs. My focus was on front‑end development and user experience, while API integration and backend functionality were handled by a teammate. I implemented a multi‑theme colour system with dark mode and built the dashboard to display dynamic statistics, filterable and searchable tables, interactive charts, and organisation hierarchies with sub‑organisations. I also integrated social links and QR codes for quick access. This work delivered a modern, responsive, and accessible interface that significantly improved the usability of the platform.
   • HTML, TailwindCSS, SvelteKit, Figma
3. 

   SoftIron

   • I worked alongside another developer to build SoftIron’s main website in its entirety using Eleventy, with LightningCSS handling styling and ESBuild to bundle the JavaScript. The site was developed from Figma designs provided by our designer and focused on delivering a clean, responsive, and performant front‑end. In addition to the main site, I contributed to internal tools built with Eleventy and Next.js, improving content management and streamlining workflows for the team.
   • HTML, LightningCSS, JavaScript, Eleventy, GraphQL, ESBuild, Next.js, Figma
4. 

   Ceph

   • I was the lead developer for the Ceph website, working alongside a teammate to deliver a complete rebuild using Eleventy with PostCSS and Rollup.js. The site included internationalisation via an i18n plugin, enabling the platform to support multiple languages for a global audience. I also integrated the Lunr.js search plugin to provide full‑text search for the blog section, a particularly effective solution for a static website. My focus was on building a clean, accessible, and easily maintainable front‑end, making content updates straightforward for contributors and enhancing the overall user experience for the Ceph community.
   • HTML, PostCSS, JavaScript, Eleventy, Rollup.js, Lunr.js, Figma