Front-End Developer, UI/UX Designer
Auckland, NZ
National Online Hub of Information about the Research, Science, and Innovation Sector
I was tasked with creating a digital solution for NZRIS, a new online hub dedicated to the research, science, and innovation sector. This project involved close collaboration with a team of designers and developers, utilizing my skills in JavaScript, HTML5, CSS3, Adobe Illustrator, UXPin, and Adobe Photoshop.
Getting Started
Project Brief
The New Zealand Research Information System (NZRIS) is envisioned as a national, online information hub for the research, science, and innovation sector. NZRIS aims to provide comprehensive data about ongoing research activities in New Zealand, including project details, funding sources, resource utilization, and expert profiles in various fields.
Design and Development
UXPin Animations and Prototyping
An integral part of this project was to bring the concept to life using UXPin. I created engaging and high-fidelity prototypes to demonstrate the user journey, focusing on interactive and intuitive design elements. These prototypes featured advanced animations to effectively convey the functionality and aesthetic of the proposed solution to NZRIS.
Development with React and React Framer
The development phase involved using React to build a responsive and user-friendly interface. I integrated React Framer to incorporate smooth and visually appealing animations, enhancing the user experience significantly. These animations played a key role in showcasing the interactivity and modern feel of the website.
Pitching and Implementation
The project culminated in a successful pitch to NZRIS, where the combination of React-driven development and compelling UXPin animations were key to winning the client's approval. The final product was a testament to how cutting-edge technology and creative design can come together to create an informative and engaging online platform.
More about the upcoming website.
work
Case study incoming
Kablamo
react, react native, typescript, rquery, jest, storybook
Kablamo is a digital product and innovation company. One of the projects I've worked on is a known bank in Canada, an app for iOS and Android built with React Native.
Case study incoming
Lobster&Tap
javascript, bootstrap, figma, ai, psd, umbracoCMS
Lobster&Tap is a seafood restaurant in Auckland, NZ, Lobster&Tap engaged me to design and develop their Kiosk web-app which allows customers to order food and drinks.
Case study incoming
Daruma
js, bootstrap, umbraco, figma, ai, psd
Daruma is a Japanese restaurant in Auckland, NZ. I was tasked to develop their Kiosk web-app which allows customers to order food and drinks.
Case study incoming
Linea Del Plata
js, html, tailwind, figma
Linea Del Plata is a shipping company made up of private business groups with a long history in the maritime industry. I was tasked to design and develop their booking platform.
Case study incoming
Flatmately
js, html, tailwind, figma
Flatmately is a flatmate finder app, built for New Zealand and Australian market. I was tasked to design and develop their website, and also helped with branding and marketing.
Case study incoming
NxtStep
js, html, bootstrap, sketch, ai, psd
NxtStep is a job board for students and graduates. I was tasked to design and develop their website, and also helped with branding and marketing.
Case study incoming
Yoga With Kassandra
js, html, sass, wordpress, ai, psd
Yoga With Kassandra is a yoga teacher and content creator. I was tasked to design and develop her website and courses platform while I was working at VidApp.
Case study incoming
Tourism New Zealand
js, html5, css3, sass, bootstrap, sketch
Tourism New Zealand is a website I've built to showcase my skills utilising JavaScript, HTML5, CSS3, SASS, Bootstrap, Sketch. I was tasked to design and develop their website.
Case study incoming
Renkon
js, html5, css3, sass, bootstrap, handlebars, sketch
Renkon is a Japanese restaurant, I've pitched the new website and design for the ordering app. I used JavaScript, HTML5, CSS3, SASS, Handlebars and Bootstrap to build the website.
Case study incoming
DotaPopQuiz
js, html5, css3, sass, php, bootstrap, sketch
DotaPopQuiz is a quiz app built with JavaScript, HTML5, SASS, PHP. It was built as a fun project to make a game to increase brand awareness and to learn more about JavaScript and PHP.
Case study incoming
VidApp
wordpress, js, html, sass, ai, psd
VidApp is a video streaming platform. I was tasked to design and develop their website and the platform where users would publish their customised app for iOS and Android.