top of page

Inkjection

A website for tattoo design shop

Abel Aby John
Arka Gosh

Project Brief

Design a website then apply our learning of how to code a website using the front-end technologies.

Inkjection

Inkjection is made up tattoo shop located in Pune, Inkjection is a popular tattoo shop with award winning tattoo artist

My role

Complete front-end coding of this website

Technologies used

html.png

HTML

css.png

CSS

bootstrap-logo-shadow.png

Bootstrap 5

js.png

Java Script

My experience

Even though I was from non- coding background, I had some idea of HTML.

  • Learning CSS was fun, when I came to know how to change the whole look and feel of the website with CSS, it was fun implementing the knowledge.

  • Bootstrap felt like a template for front-end coders and I had fun using it as well, but in the start I faced few issues where I couldn't understand the screen sizes given in bootstrap which I took a while for understanding.

  • I had the hardest time understanding and using JavaScript, which I am still not so clear about.

Coding Process

  1. Coding the base using HTML.

  2. Decorating the website using CSS.

  3. Re-writing the code using bootstrap to enable responsiveness in the website.

  4. Added some JavaScript to make the website more interactive.

Mockup Video

Reload if it doesn't show up

Code

The following are the screenshots of some codes:​

Screenshot (10).png
Screenshot (10).png
Screenshot (11).png

Code download

The following link has a zip file containing the code for the website:
Containing few HTML, CSS and JS files

​

Download link for code - Click here

Run the code through the live server of VS code​

Behance

You can also check out the Behance version of this project which speaks more about the visual side of the website.

MicrosoftTeams-image.png
Case-StudyArtboard-1.png

WedEasy

Advanced Wedding planner

Slide 16_9 - 1.png

RailPal

UX  Case Study

bottom of page