Creative Director
SACE Student Council · NU Lipa
Lead the Creatives Committee in digital media, event publicity, and publication materials.
Johannes Claus Developer & designer
The after-hours workspace
Building
systems
with soul.
Mobile and web applications, thoughtful interfaces, and the logic that brings them to life. Made with a designer’s eye.
One person. Two perspectives.
A LITTLE CITY ENERGY.A LOT OF MY OWN CURIOSITY.
AFTER HOURS / THE DEVELOPERLogic.
With a little magic.
NYC mood photography · Credits ↗
With a little magic.
Explore my work / DevelopmentView IT PortfolioSystems, websites, and mobile applications.Explore the portfolio
01 / Home baseBatangas City, PH ↗
02 / LearningBSIT · NU Lipa ↗
03 / Bringing togetherDevelopment & design ↗
01 — Selected work
Made to connect.
Made to connect.
Built to matter.
Through systems, stories, and a little creative instinct.
Here’s a glimpse of both sides of my work.
01 / Technology · Team capstone
The connection
The connection
doesn’t end at
graduation.
LumiNUs brings alumni information, identity, and community together across mobile and web. I served as project lead and web admin developer, and helped develop the mobile app.
Explore LumiNUs
In partnership withNU Lipa Alumni Affairs Office
02 / Visual communication
NU Lipa / Marketing Office
Campus energy.
In full color.
Publication materials for the NU Lipa Marketing Office.
03 / Student community
Four years of gold & blue
A shared identity.
A reason to celebrate.
Anniversary artwork and student council stories.
One portfolio. Two perspectives.
02 — about
A developer's logic.
A developer's logic.
A designer's instinct.
Hi, I'm Johannes!
Curious about how it works.
Careful about how it feels.
I’m Johannes Emmanuel A. Claus, a BS Information Technology student at NU Lipa, specializing in Mobile & Web Applications. I build mobile and web systems, explore UI/UX, and enjoy making the logic behind an interface work as well as the interface looks.
As our capstone team’s project lead and web admin developer, I helped organize the work, guide the team through our Capstone Project courses, and develop both the web admin side and mobile app. That experience shaped how I approach a build: understand the process, connect the pieces, and keep the people using it in mind.
My creative work runs alongside my technical work. As a Student Graphic Designer with the NU Lipa Marketing Office, I create print and digital campaign materials. I also serve as Creative Director of the SACE Student Council, bringing visual identity and student stories to life.
Based inBatangas City, PH
CurrentlyIT student & designer
03 — experience
Different roles.
Different roles.
Same drive.
Places where I've learned to turn ideas into something people can see, use, and connect with.
Student Graphic Designer
NU Lipa Marketing Office
Design print and digital materials with Photoshop and Canva, write campaign content, manage multiple deliverables since March 2025.
Section Editor & Chief Photojournalist
The Synergy · NU Lipa SACE
Led editorial and photo coverage for IT — event photography, layout production, and story organization.
Public Information Officer / Auditor
YES-O · Alangilan Senior High School
Managed organizational communications and social media; supported financial transparency as Auditor.
04 — foundations
The work
The work
behind the work.
Academic Background
Where I built my foundations.
National University Lipa
BS Information Technology
Specialization in Mobile & Web Applications
Alangilan Senior High School
STEM · Graduated With Honors
Work Immersion Awardee
Skills / The working toolkitDifferent tools.
Different tools.
One curious mind.
A little logic. A little color.
Here’s what I bring to the desk.
01 / Build
From an idea to something that works.
The code, interfaces, and data behind my mobile and web projects.
PHP
Laravel
MySQL
JavaScript
React Native- .NET MAUI
C#
Java
HTML & CSS
02 / Create
Make it feel as good as it works.
The design tools behind my publication materials, layouts, and visual stories.
Figma
Photoshop
Canva
Affinity
CapCut
03 / Connect
Bring the people and pieces together.
Tools for collaboration, organization, networking, and the systems around the work.
GitHub- Windows Server
- Networking
- ClickUp
Notion
Google Workspace
Microsoft 365
Learning / RecognitionThe learning
The learning
doesn’t stop here.
Certifications, milestones, and experiences
that have shaped the way I work.
Certifications 04 providers
01 / Learning
Certiport
- IC3 Digital Literacy
- IT Specialist in Networking
02 / Learning
Cisco Networking Academy
- Using Computer and Mobile Devices
- HTML Essentials
03 / Learning
Canva
- Graphic Design Essentials
- Marketing with Canva
- Canva for Work
04 / Learning
- Gemini Certified University Student
Recognition & involvement
Consistent Honor Student
Academic recognition
St. Joseph Marello Awardee
JMY Campus Ministry
Student Government Technical Team
Alangilan Senior High School
01 — night
Systems
Systems
& screens.
Selected projects, interfaces, and the thinking that connects them.
Explore my Tech Portfolio ↗
02 — day
Stories
Stories
in color.
Publication materials, visual identities, and small worlds made by hand.
View Creative Portfolio ↗
Find me online.
Follow along, see what I am building, or connect with me professionally.