Skip to main content

Project case study

Artisans Portfolio

A jQuery-based creative portfolio built with HTML, CSS, and JavaScript to present filmmaking and digital-illustration content across multiple themed sections.

Engineering case study by Jonas Viray, Full Stack Developer & AI Automation Engineer

Artisans Portfolio | project by Jonas Viray

Overview

Artisans Portfolio is an early front-end project that combines filmmaking and digital-illustration content in one site. HTML and CSS provide the multi-section layout, JavaScript and jQuery support interactive behavior, and the content structure moves between cinematic topics and visual-art categories. The project demonstrates foundational work in themed presentation, navigation, and interactive portfolio design.

engineering summary

Problem → Architecture → Contribution → Result

Problem
Filmmaking and digital-illustration content needed one portfolio structure that could support multiple themes and media categories without becoming difficult to navigate.
Architecture
HTML and CSS define the themed sections, while JavaScript and jQuery provide the interactive behavior used across the portfolio.
Contribution
Built the multi-section frontend and interactions as an early project, combining themed presentation, navigation, and basic client-side behavior.
Result
The site serves as a historical example of early frontend work across content organization, styling, and interactive portfolio presentation.

Related service: Product Engineering & Business Systems

Public product-surface details below are included as scope context from the observed site or application. They are not presented as claims about business outcomes, revenue, approvals, health results, or other client marketing metrics.

Observed product surface

  • Creator profiles for the filmmaker and the digital artist
  • Filmmaking section with tips and trivia
  • Digital illustration section covering types such as fantasy, anime, pixel and vector art
  • Contact form (name, email, message) and collapsible navigation

Public product areas

  • Home
  • What We Do
  • Who We Are
  • Filmmaking
  • Digital Illustration
  • Blog & Resources
  • Contact

Intended audience · Visitors interested in filmmaking and digital art work or commissions

Planning a system with similar complexity?

Send the requirements, current stack, and constraints. I'll outline how I would structure the system, where the main risks are, and what an implementation path could look like.

Discuss the system Book a call

More projects

All work