Assembler Studio - Assembler Computer Portfolio

๐Ÿง  Description

Assembler Studio is the official portfolio website of Assembler Computer, designed to showcase and enhance the web projects developed over time, with a technical, minimal, and user experience-oriented approach.

Itโ€™s not just another showcase site, but a structured project that reflects the Assembler workflow:
clarity, full code control, top performance, and functional design.

Built entirely with Hugo, with no pre-made themes, to ensure maximum creative freedom, a solid base, and full scalability.

๐ŸŒ Visit the website โ†’


๐Ÿš€ Technologies

  • Hugo โ€“ High-performance static site generator
  • Custom HTML & CSS โ€“ Clean, cohesive, and fully responsive layout
  • Vanilla JavaScript โ€“ Lightweight and controlled interactions
  • Multilingual structure (i18n) โ€“ IT / EN to boost professional appeal
  • Netlify โ€“ Continuous deploy via GitHub
  • GitHub โ€“ Full project version control

๐Ÿ“‚ Project structure

content/
โ”œโ”€โ”€ it/
โ”‚   โ”œโ”€โ”€ _index.md
โ”‚   โ”œโ”€โ”€ chi-siamo.md
โ”‚   โ”œโ”€โ”€ contatti.md
โ”‚   โ”œโ”€โ”€ progetti/
โ”œโ”€โ”€ en/
โ”‚   โ”œโ”€โ”€ _index.md
โ”‚   โ”œโ”€โ”€ about.md
โ”‚   โ”œโ”€โ”€ contact.md
โ”‚   โ”œโ”€โ”€ projects/
layouts/
โ”œโ”€โ”€ _default/
โ”œโ”€โ”€ partials/
โ”œโ”€โ”€ shortcodes/
static/
โ”œโ”€โ”€ css/
โ”œโ”€โ”€ js/
โ”œโ”€โ”€ img/
data/
โ”œโ”€โ”€ tags.yaml
i18n/
โ”œโ”€โ”€ it.yaml
โ”œโ”€โ”€ en.yaml

โœจ Key Features

  • Dedicated project pages, one per client
  • Technical modal with client, stack, year, and live link
  • Tag system for filtering and classification
  • Descriptive tooltips to enhance UX
  • Light/dark theme toggle
  • Sticky header and smooth navigation
  • Contextual CTA and floating buttons
  • Layout optimized for readability and content focus
  • Lightning-fast performance and instant load

๐Ÿ› ๏ธ Dev & testing

To test the site locally:

hugo server -D

The project is fully versioned on GitHub and deployed via Netlify.


๐ŸŽฏ Project goal

Assembler Studio is not just a portfolio: itโ€™s a working tool, a reusable base for future web projects, and a technical showcase built for clients looking for solid solutions, not toys.


๐Ÿ”– Tag

HugoPortfolioUXStaticMultilingual