top of page

Responsive Manga
Site- HTML CSS JS

category

brief

UI Design

UX Design

Development

tools

The idea was to bring to life the UIUX prototype of BLOTTS, the self briefed project.

The aim was to use simple coding to design the page while including flex box, positioning, transform & transition in CSS.

challenge

Going back to the roots of JS (javascript) after a break had blocks to stumble upon and quite a few new approaches.

 

Saved by a few tutorials and a guidebook, this project was completed without too many bugs.

HTML

CSS

JavaScript

overall

An Asian social comic cataloging website that allows individuals to search its database under the genre of Manga, Manhwa & Manhua, keep track of their reads, reading, and to read (library catalogs and reading lists). Users can also sign up and purchase these comics to receive hard copies. 

parallelweb.jpg

This landing page included the following modules:

- Scrolling the mangas

- Rollback to the start

- Fixed vertical menu (side-menu)

- Light- dark modes

- Text on hover

- Responsive to size

An imaginary brief comes with its set of challenges. There are a lot of assumptions that are involved in the process-
Assuming there is a client

Assuming his/her product brief and other details

Assuming his/her requirements are rigid / loosely defined

The answers to these assumtions takes the project in that direction, meaning that the solutions are derived on the basis of these theories. Had the assumed answers to the hypotheses varied, there is a good possibility that the resulting solution would be different.

  • Icons_300X300-08
  • insta
  • Be
  • dribble
bottom of page