2024
Redesign and development of the landing page for stoneandchalk.com.au, translating UI designs from Adobe XD into a modern, responsive layout using Nuxt.js 3. Focused on improving site performance and SEO while ensuring a seamless user experience across all devices. Converted legacy CSS to Tailwind CSS, optimizing for maintainability and performance.
Key Features:
- UI Redesign: Implemented design from Adobe XD to Nuxt.js 3 with a clean and modern layout, ensuring compatibility with the existing brand style.
- Performance Optimization: Improved page load times through techniques like image optimization, lazy loading, and code splitting.
- SEO Enhancements: Integrated SEO best practices such as meta tags, structured data, clean URLs, and a sitemap for better search engine visibility.
- Tailwind CSS Migration: Converted the existing CSS to Tailwind CSS for better flexibility, maintainability, and performance.
Technologies Used:
- Frontend: Nuxt.js 3, Tailwind CSS
- SEO Tools: Structured Data, Meta Tags, Sitemap
- Performance Optimization: Image Optimization, Lazy Loading, Code Splitting
Lihat portofolio terbaru saya:
Gendut Grosir
Gendut Gerosir is a web application created for grocery stores that have 2 types of consumers with different prices, namely retail and wholesale. Having product management functions, analytics, user management, and has a cashier system (point of sales) in it. • Nuxt js 2 • Vuetify • Express js • MongoDB Url: https://gendut-grosir.ianfebi01.tech/ (login: user: [email protected], pw: 123456) Repository: https://github.com/ianfebi01/gendut-grosir & https://github.com/ianfebi01/gendut-grosir-be
Loyalty Management for Astra Honda Motor
Part of a two-person frontend team, I developed a scalable Loyalty Management CMS for Astra Honda Motor, optimized for millions of users in Indonesia. The CMS manages loyalty members, points, levels, customers, and RBAC. It includes a customizable data table with grouping, resizing, drag-and-drop, export, sorting, custom search inputs (autocomplete, select, date range), and an edit view for in-table data modification. Built with Next.js 14 Pages Router, TypeScript, MUI, React Query, and a custom date range picker using React-Date-Picker.
Geomastery
Developed a fully responsive landing page for GeoMastery using Nuxt.js 3, ensuring a smooth user experience across all devices. Tailwind CSS was used for styling, and Headless UI for customizable, accessible components. Integrated with Strapi 4 CMS, allowing dynamic content management. My role involved building the frontend, integrating the CMS, and optimizing the site for performance and responsiveness on all screen sizes.
Sunrice
As a Frontend Developer for the SunRice website ([https://www.sunrice.com.au](https://www.sunrice.com.au)), I worked alongside a teammate to develop a dynamic, responsive interface using Nuxt 3 with TypeScript. All components are fully dynamic, enabling users to update content through Strapi 4 CMS. We used Tailwind CSS for modern styling and integrated Meilisearch and Algolia Instant Search to provide powerful search functionality. The project also prioritized strong SEO performance.
