OB.
— Designer & Developer
OB
I’m OB — a designer and developer building focused web interfaces with clean structure, measured motion, and practical code.
Professional Background
I design and develop responsive web applications with a focus on clarity, performance, and interfaces that feel considered from layout to interaction.
01
Current role
Experience
I currently work as an I.T. Instructor at Data Center College of the Philippines - Baguio Inc. Alongside teaching, I take on freelance web development and graphic design projects, helping clients shape useful, polished websites and applications from concept to launch.
Teach
Systems, web, and applied I.T. foundations
Build
Responsive client sites and product interfaces
02
Training
Education
2025
BSIT Graduate
Data Center College of the Philippines - Baguio
Award
Best Capstone Project
Recognized for applied product thinking
CSS NC II
Creative Web Design
Cyber Threat Monitoring
Trainers Methodology
03
Direction
Focus Areas
My strongest focus is the overlap between web development, graphic design, and UI/UX. I care about systems that look refined, communicate clearly, and remain easy to maintain as the product grows.
Frontend
UI/UX
Systems
About
Clean design, careful engineering. Every detail is chosen on purpose — whitespace, type, motion — so the work feels considered, not decorated.
01
03
Listen
-
01 Discover
Listen
Every project starts with questions. I learn the goal, the audience, and the constraints before reaching for any tool.
-
02 Shape
Sketch
Ideas get tested in low fidelity first. Type, layout and flow are decided before pixels — saving time later.
-
03 Deliver
Build
Design meets code. I pair clean components with measured motion so the final product feels calm and intentional.
The stack I reach for
01
09
HTML
- 01 HTML Markup
- 02 CSS Styling
- 03 JavaScript Language
- 04 TypeScript Language
- 05 React Framework
- 06 Tailwind Styling
- 07 GSAP Motion
- 08 Node.js Runtime
- 09 Figma Design
Craft
01
05
Learning Systems Intelligence
Work
What guides the work
Clarity first.
Polish follows.
I build interfaces around clear structure, useful motion, and careful execution, so every screen feels intentional from layout to interaction.
Readable
Responsive
Useful
-
01
Foundation
Structure comes before decoration.
Layouts, hierarchy, and flow come first so the visual layer has something solid to support.
-
02
Usability
Every screen should be easy to scan.
Good interfaces reduce friction by making the next useful action obvious.
-
03
Motion
Motion should guide, never distract.
Animation should clarify state, direction, and feedback instead of competing with the content.
-
04
Adaptation
Responsive design is part of the idea.
A design is not finished until it behaves well across real screens and real constraints.
-
05
Execution
Design and code should stay close.
The best results happen when visual decisions and implementation details inform each other.
Working rule
Every visual choice needs a job: guide attention, reduce effort, or make the product easier to trust.
Get in touch
Let’s shape a site
that feels clear, useful,
and ready to ship.
Send the goal, the rough scope, and any deadline you have in mind. I’ll help turn it into a polished interface with careful design and clean code.
Email me
poweredbyrazer022@gmail.com
Replies within 24-48 hours
Portfolio sites
Product interfaces
Responsive builds