Web Development - Kirigami
An interactive single-page website that explores the technical and conceptual aspects of web design that introduces the art of Kirigami
DURATION
TASKS
TOOLS
ROLE
WEBSITE LINK
3 Weeks
Research | HTMLCSS | Responsive Design
Adobe Dreamweaver | Adobe XD | Adobe Stock | Google Analytics
UX Designer | Web Developer
The website I built will be used to raise awareness about Kirigami. I created an interactive, hands-on learning experience for people who are just discovering the art form and for origami enthusiasts looking to expand their skills. It will contain information on history & culture, tutorials & instructions, templates & patterns and a gallery of recognized work.
Concept
Wireframes
Banner
History
Tutorials
Templates
Gallery
01
The wireframes played a crucial role in organizing the website and establishing a comprehensive layout and structure.
They enabled me to fine-tune both the hierarchy of visual elements and content hierarchy of the website.
02
03
I was able to ensure optimal utilization of the product – from introduction to navigating its features.
Features
Image slider to show users the comparison/difference between Origami and Kirigami.
Video introducing Kirigami and it’s application in real world instances and various industries.
Carousel section that depicts the origin, evolution and history of kirigami throughout history.
Back to top button feature to take the user back to the top of the screen on scrolling to the end.
Google Analytics
Developed Screens
The screens were developed with features like image slider, carousel, video, etc integrated.
Google analytics was used to determine the main sources of user traffic, discover patterns and trends in user engagement and obtain other visitor information such as demographics.