Skip to main content

Project case study

Indeas Portfolio

A static informational website built with HTML, CSS, and JavaScript for organizing Industrial Design Technology content, maps, galleries, and visual references.

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

Indeas Portfolio | project by Jonas Viray

Overview

INDEAS is a multi-section informational site that presents Industrial Design Technology through structured text, imagery, maps, and gallery content. The implementation focuses on content organization, straightforward navigation, responsive layout, and clear separation between educational material and visual examples. It is an early front-end project that demonstrates foundational information architecture and presentation work.

engineering summary

Problem → Architecture → Contribution → Result

Problem
Industrial Design Technology content needed a structured digital format for combining educational material, maps, galleries, and visual references.
Architecture
HTML, CSS, and JavaScript organize the informational pages and visual content into a static multi-section website with straightforward navigation and responsive presentation.
Contribution
Built the information architecture and frontend presentation as an early project, focusing on navigation, content grouping, and visual clarity.
Result
The project converts a broad set of educational and visual material into a more browsable web experience and documents foundational frontend work.

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

  • Category sections: Hands and Crafts, Paintings, Photography, Toy Designs
  • Gallery section
  • About Us with organization values (Integrity, Commitment, Passion, Learning, Team work)
  • Explainer on what industrial design is and factors designers consider
  • Facebook page link

Public product areas

  • Home
  • About Industrial Design
  • Maps
  • Gallery
  • About Us

Intended audience · Students and visitors interested in industrial design technology

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.

All work