Picture of Naveed Gujral

I’m a digital designer & developer with a background in industrial design.

HTML

HTML

Javascript

Javascript

CSS

CSS

Python

Python

C++

C++

Tailwind

Tailwind

React

React

React Native

React Native

Node.js

Node.js

Next.js

Next.js

React Spring

React Spring

Framer Motion

Framer Motion

Plasmo

Plasmo

p5.js

p5.js

Three.js

Three.js

GLSL

GLSL

SQL

SQL

postgreSQL

postgreSQL

Supabase

Supabase

Figma

Figma

Photoshop

Photoshop

Illustrator

Illustrator

Indesign

Indesign

Blender

Blender
Title image for the Visual project

Visual

A chrome extension for visualising music

Google Chrome Webstore Icon

Context

Visual is a chrome extension that can visualise audio from any tab. The visualiser is created in a stand-alone tab which can then be put onto a project or second monitor for the user to enjoy. My role during the project focused on UI/UX Design, Identity Design, Front-end development & 3D Graphics. The project is currently in beta and we are conducting user research which will inform the next round of development.

Technologies

HTML

HTML

Javascript

Javascript

CSS

CSS

Tailwind

Tailwind

React

React

Node.js

Node.js

Next.js

Next.js

Plasmo

Plasmo

Three.js

Three.js

GLSL

GLSL

Illustrator

Illustrator

Process

Wireframe for the Visual project

PlotTwist

A MVP mobile app for swapping books

Title image for the PlotTwist project
Banner image for the PlotTwist project

Context

PlotTwist is a mobile app that allows users to swap books with each other. This project was taken up to a proof of concept stage and was developed during my time at a coding bootcamp. I was part of a team of six and my role was to work on UI/UX Design, Identity Design, Front-end Development and occasionally Back-end Development.

Technologies

React Native

React Native

Javascript

Javascript

CSS

CSS

Node.js

Node.js

SQL

SQL

Supabase

Supabase

Figma

Figma

Photoshop

Photoshop

Illustrator

Illustrator

Google Books API

Google Books API

Features

List your unused books easily with Google Books API

A phone that demonstrates how to list a book with the PlotTwist mobile app.
A phone that demonstrates how to find books on the PlotTwist mobile app.

Find people with the books you want

Arrange swaps with our integrated chat

A phone that demonstrates how to request a swap on the PlotTwist mobile app.
A phone that demonstrates how to manage offers on the PlotTwist mobile app.

Finalise your offer

Process

Wireframe 1 for the PlotTwist projectWireframe 2 for the PlotTwist projectWireframe 3 for the PlotTwist project
Title image for the Reine Creative project

Reine Creative

A website for a film production company

Banner image for the Reine Creative project

Context

Designed and built a website for a freelance film-maker who trades under the name Reine Creative. In addition toWeb Design & Development, I also worked on Service Design, Identity Design and Graphic Design.

Technologies

HTML

HTML

Javascript

Javascript

CSS

CSS

Tailwind

Tailwind

React

React

Node.js

Node.js

Next.js

Next.js

Framer Motion

Framer Motion

Email JS

Email JS

Vimeo

Vimeo

Figma

Figma

Photoshop

Photoshop

Illustrator

Illustrator

Process

Wireframe for the Reine Creative project