Morningstar Library Website | Sandy Budi Wirawan

FigmaBootstrap StudioHTMLCSS

Project type: Responsive web concept
My role: Designer & Web Developer
Delivery evidence: Translated Figma information hierarchy into reusable responsive HTML and CSS patterns tested across common viewports.

Morningstar Library Website | Sandy Budi Wirawan

June 1, 2023

Overview

Morningstar is a library-system website concept focused on helping visitors understand collections and navigate core library information through a clear, responsive interface.

Contribution

Planned page hierarchy and user flows in Figma.
Built the responsive interface with Bootstrap Studio, HTML, and CSS.
Created reusable visual patterns for navigation, content cards, and information sections.
Tested the layout across common desktop and mobile viewport sizes.

Learning

The project strengthened my foundation in information hierarchy and responsive design. It also reinforced a principle I continue to apply in software products: interface polish is most valuable when it makes tasks and information easier to understand.

1 / 10