showcase_

Prime Panels

tools used

umbraco, javascript, html5, css3, sass, ai, psd, sketch

year

2022

front-end, ui/ux

View project ↓

available for freelance work

social_

twitter / instagram / facebook
Prime Panels

Project Overview

Our journey with the NZPG Showroom design commenced with an in-depth discussion with the client to understand their vision and requirements. The client provided us with a comprehensive brief, outlining their expectations and goals for the project.

Conceptualization and Ideation

The initial phase involved brainstorming and ideation sessions to conceptualize the application's core ideas. We collaborated closely with the client to define the desirable achievements of the NZPG Showroom design. These discussions laid the groundwork for the project and set the stage for the design process.

LoFi Wireframes

To visualize our ideas, we began with the creation of Lo-Fi wireframes. The primary objective was to establish a basic structure and iterate on potential solutions and best practices. The Lo-Fi wireframes provided a tangible foundation for the project, facilitating ongoing discussions and refinements.

Lofi Wireframe

Then we designed the lofi view of the products page as well.

Lofi Wireframe

HiFi Wireframes

With the Lo-Fi wireframes approved, we transitioned to the Hi-Fi design phase. This involved incorporating typography and design elements from Prime Panels, ensuring a cohesive and visually appealing user interface.

Hifi Wireframe

Then we designed the hifi view of the products page as well.

Hifi Wireframe

Final product

The culmination of our efforts resulted in the creation of the NZPG Showroom – a visually stunning and functionally robust application. The following images showcase the final product:

Final product Final product Final product Final product


Contact | View article | View website

work

Case study incoming

Cimerat project image, click to view more details.

Cimerat

react native, typescript, mongo, tailwind, express

Cimerat is a flatmate finder app, built with React Native and TypeScript.

Case study incoming

Flatmately project image, click to view more details.

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 project image, click to view more details.

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 project image, click to view more details.

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 project image, click to view more details.

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 project image, click to view more details.

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 project image, click to view more details.

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 project image, click to view more details.

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.