M.B.Mohammad Bayu Rizki

Available / --:--:-- WIB

12 / 2025 / Portfolio / Web

Academic Web Portfolio

The site needed to satisfy academic web requirements while still functioning as a readable personal profile.

Academic Web Portfolio Client visual

Client

Context and business domain

00 / Design System

Palette Logic

Portfolio / Web

12
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

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

01 / Challenge

The Challenge

The site needed to satisfy academic web requirements while still functioning as a readable personal profile.

02 / Methodology

Methodology / Experiment

  1. 01

    Academic Brief

    Structured the content around student identity, portfolio information, and required web sections.

    Course scope77%
  2. 02

    Responsive Basics

    Applied HTML, CSS, and JavaScript fundamentals for a deployable static site.

    Static stack75%
  3. 03

    Vercel Publish

    Used Vercel deployment to make the project accessible as a live web submission.

    Live URL74%

03 / Solution

The Solution

Academic web portfolio preview

Academic Profile Page

A deployed portfolio page made for university web development practice and identity presentation.

Academic static portfolio interface preview

Static Web Foundation

The project documents basic frontend structure before later portfolio versions became more product-focused.

04 / Impact

Impact & Metrics

HTML

Core Build

The repository is primarily a static web project.

Vercel

Deployment

The academic portfolio is available through a public Vercel link.

Course

Submission

The site is framed around a university web portfolio deliverable.