M.B.Mohammad Bayu Rizki

Available / --:--:-- WIB

11 / 2025 / Portfolio / Web

Legacy Portfolio Website

The portfolio needed to introduce skills and work in a straightforward format before the current archive-driven portfolio system existed.

Legacy Portfolio Website Client visual

Client

Context and business domain

00 / Design System

Palette Logic

Portfolio / Web

11
2025

Typography

Inter

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Layout Grid

12-column responsive index structure.

Deep Slate

#0D1B1E

Graphite

#3D3D3D

Clear White

#F8F8F8

Soft Signal

#C9FBC6

Connected System

Personal Website connects the visual language, interaction rhythm, and evidence structure for this case study.

01 / Challenge

The Challenge

The portfolio needed to introduce skills and work in a straightforward format before the current archive-driven portfolio system existed.

02 / Methodology

Methodology / Experiment

  1. 01

    Identity Page

    Built the main page around personal identity, summary, and portfolio navigation.

    Hero profile78%
  2. 02

    Project Showcase

    Organized portfolio content into visible project areas for quick scanning.

    Showcase page76%
  3. 03

    Hosted Iteration

    Published the site on Netlify as a stable earlier version of the portfolio.

    Netlify site74%

03 / Solution

The Solution

Legacy portfolio website preview

Earlier Portfolio Snapshot

A published personal portfolio representing the previous visual and content direction.

Legacy portfolio baseline interface preview

Portfolio Baseline

The project provided a foundation for later improvements in archive structure, interaction, and case-study depth.

04 / Impact

Impact & Metrics

Live

Published

The portfolio is deployed publicly through Netlify.

React

Frontend Stack

The project uses JavaScript frontend development patterns.

V1

Portfolio Iteration

The site acts as an earlier milestone before the current archive system.