Vincent

About

Hello, I'm Vincent — I build modern websites and explore creative technology.

I'm an Informatics Engineering student at Universitas Pelita Harapan (UPH), Medan Campus, and an aspiring web developer. I enjoy building modern websites and interactive digital experiences, combining creativity, technology, and problem-solving to turn ideas into functional products.

keep scrolling —
there's another side ↘

From idea to launch.

0102030405
01

Shape the idea

I begin by understanding the idea, the people using it, and the requirements. A clear scope helps me turn a university or personal project into manageable tasks.

HTMLCSSJavaScript
02

Design the experience

I plan page structure, navigation, and interface details before building. The goal is a clear, practical web experience that fits the project.

HTMLCSSJavaScript
03

Build the product

I build with HTML, CSS, and JavaScript, while developing my Node.js, Express.js, and basic database foundations through practical work.

HTMLCSSJavaScriptNode.js
04

Add the signature wow

I refine the interface with thoughtful content, consistent UI implementation, and useful interactions. Creativity should support the purpose of the project.

HTMLCSSJavaScript
05

Launch & polish

I review the pages and interactions, gather feedback, and record what needs improvement. Each project is a chance to strengthen my development skills.

HTMLCSSJavaScript
↓ keep scrolling for selected work
↓ scroll to enter

Projects I've Built

MainYuk01

MainYuk

Frontend DevelopmentHomepage UIFooter DesignUI Implementation

An online sports field booking platform designed to simplify the process of discovering and reserving sports facilities. Developed as a collaborative university project, featuring user interfaces, booking workflows, and payment-related functionality.

View Case Study →
Template reference image retained; Sweet 17 Website screenshots coming soon.02

Sweet 17 Website

HTMLCSSJavaScript

An interactive birthday celebration website featuring a personalized visual experience, engaging layouts, and a modern web interface.

View Case Study →
Template reference image retained; HOAX Detector screenshots coming soon.03

HOAX Detector

Android ProjectNLIResearch

An Android application project focused on detecting potentially misleading information using Natural Language Inference (NLI) techniques.

View Case Study →
Template reference image retained; ROOM ZERO screenshots coming soon.04

ROOM ZERO

3D GameExplorationPuzzles

A 3D horror exploration game project focused on immersive environments, atmospheric storytelling, interactive gameplay, and environmental puzzles.

View Case Study →
HTMLCSSJavaScriptNode.jsExpress.jsResponsive Web DesignFrontend DevelopmentUI ImplementationBasic Database DevelopmentHTMLCSSJavaScript
HTMLCSSJavaScriptNode.jsExpress.jsResponsive Web DesignFrontend DevelopmentUI ImplementationBasic Database DevelopmentHTMLCSSJavaScript

Three things, done well.

See all six services →

How I work

scroll →
01

// discover

Discovery & Definition

I start with the purpose, intended users, and project requirements so the team shares a clear direction.

HTMLCSSJavaScript
02

// prototype

Prototyping & Validation

I explore the main page flow and build small working pieces to make the idea easier to discuss.

HTMLCSSJavaScript
03

// build

Engineering & Development

I contribute implementation within my current skills, communicate with teammates, and keep the work connected to the project requirements.

HTMLCSSJavaScript
04

// optimize

Performance & Delivery

I review layouts and interactions on desktop and mobile, gather feedback, and note the limits of what has been tested.

HTMLCSSJavaScript

What I believe

I build websites that feel like places, not pages. Every click matters. Every animation has a purpose.

Learning in practice.

A few verified facts about my projects and learning.

4named student and personal projects
3core web technologies: HTML, CSS, JavaScript
2backend tools: Node.js and Express.js
1university: UPH Medan Campus

Rules I build by

01 / 04

Performance is design.

A beautiful site that stutters is a broken site. Frame budgets get decided at the same table as colors and type — never retrofitted after the fact.

02 / 04

Motion tells the story.

Animation isn't garnish. Every transition should answer a question: where did this come from, where is it going, why should you care.

03 / 04

Details are the product.

The easing curve nobody consciously notices, the hover state that feels just right — that's the difference between a page and an experience.

04 / 04

Ship, then keep polishing.

Real feedback beats perfect plans. Get it in front of people early, measure honestly, and let the polish compound release after release.

Answers, upfront

I'm interested in learning and collaborating on suitable projects. Email me with the idea, scope, and timing so we can discuss whether it fits my skills and study schedule.

I study at Universitas Pelita Harapan (UPH), Medan Campus. I coordinate project work around my university commitments.

The timeline depends on the scope, team responsibilities, and university schedule. I prefer to clarify the main requirements and review progress in manageable steps.

My experience comes from university and personal development projects. I am building my skills through MainYuk, Sweet 17 Website, HOAX Detector, and ROOM ZERO.

Yes. My MainYuk work includes homepage UI, footer design, and interface design, alongside frontend development.

Project reflections

MainYuk is a collaborative university project. My contributions include frontend development, homepage UI, footer design, and interface design.
Project reflection — MainYuk
Sweet 17 is an interactive celebration website built with HTML, CSS, and JavaScript.
Project reflection — Sweet 17 Website
HOAX Detector explores Natural Language Inference in an Android application project. No unverified accuracy score is presented.
Project reflection — HOAX Detector
ROOM ZERO focuses on 3D horror exploration, atmospheric storytelling, interactive gameplay, and environmental puzzles.
Project reflection — ROOM ZERO

Enough reading. Let's go for a drive.

keep scrolling — the door is one more turn away

Let's build something.

vinss37926@gmail.com