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

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
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.
More projects
Innov8IT
A GoHighLevel-based IT services website with custom HTML, CSS, and JavaScript for presenting web development, automation, infrastructure, and technical service offerings.
We Breathe Success
A GoHighLevel coaching and mentorship website with custom frontend work, program pages, event flows, and Humanitix integration for a multi-offer personal-development brand.
Rebirthing You
A GoHighLevel coaching and wellness website with custom HTML, CSS, and JavaScript for presenting membership, one-to-one coaching, and supporting program content.