Web and UX Design
BAXTER MCKENZIE
I’m a graphic designer with 7 years of experience and a passion
for typography and illustration. I had been thinking of upskilling
in web UI/UX last year, and I finally started early this year—and
I’m loving the journey so far! Laying out websites, playing with
typography, and adding color wherever I can has been a perfect
blend of my creative background with structured design. Though
I initially thought frontend development would be all I wanted
to do, diving into backend work has been an exciting challenge,
pushing me to problem-solve and broaden my skills even further.
Projects
Portfolio
Dicks Decks
This project showcases a dynamic skateboard store with sorting, filtering, and mapping features using a responsive design. Deck data is dynamically loaded, allowing users to explore key product details such as brand, width, and price, presented in an interactive card layout. A key feature is the use of jQuery to handle user interactions and Swiper.js for smooth image carousels. Mapbox integration provides a visual way to explore store locations on a map. The cards are styled using CSS Grid for responsive layouts, with hover effects to enhance the user experience. This project demonstrates my skills in front-end development, working with JSON data, and building interactive, data-driven interfaces.
Portfolio
Artie Fartie
This project showcases a collaborative craft marketplace built with React, featuring a responsive front-end and secure back-end integration. The site allows users to browse, filter, and purchase handcrafted items while supporting multiple user roles such as buyers, sellers, and admins. Key functionalities include smooth navigation with React Router, data handling with Axios, and optimized state management. The back-end, built with Express and MongoDB, manages authentication, secure file uploads via Cloudinary, and data validation to ensure reliability. The interface is styled using Sass, with responsive layouts powered by Vite.
Portfolio
North Island Stays
This project is an accommodation booking platform that provides users with a seamless way to find, filter, and book properties across multiple locations. The site integrates a dynamic search feature, real-time map visualization using Mapbox, and interactive forms with input validation. Users can filter properties based on location, type, guest capacity, and other amenities, while sort functions help with price comparisons. Fullpage.js powers smooth navigation across different sections, enhancing the overall user experience.
Portfolio
My Favourite Albums
This project showcases a collection of my favorite albums and artists using a responsive grid-based design. The album data is dynamically loaded from a JSON file, allowing for easy updates and scalability. Users can explore key album details, such as artist names, release years, genres, and album art, presented in an interactive card layout. One of the project’s key features is the use of Axios to fetch data from the local JSON file, ensuring the content is dynamic without requiring a full backend. The cards are styled using CSS Grid for responsive layouts, and subtle hover animations bring the design to life. This project highlights my skills in front-end development, working with external data, and responsive design.
