Jaymie Tan :: Web Designer & Developer Portfolio

Who Am I?

I’m a passionate Web Designer and Developer, currently pursuing a DMIT-Web Design and Development program at the Northern Alberta Institute of Technology (NAIT), on track to graduate in April 2025. I also hold a Bachelor of Science in Information Technology from the Philippines and have 12 years of IT experience in server systems administration, network implementation for both global and local clients.

My background spans IT project management and cross-platform troubleshooting, gained through roles in Singapore and the Philippines with organizations like Lumen Technologies, World Vision International, and the Philippine Daily Inquirer. Driven by my passion for IT, I’m always upskilling and exploring new tech trends that inspire me to innovate and refine my skills because learning is fun!

When I'm not working on web projects, I love sharing yoga with friends as a certified 200-hour YTT instructor. You'll also find me at the gym, exploring new places, or relaxing with a good Netflix series. Photography, cooking, hiking, and expressing myself through watercolor painting are some of my other passions.

Connect with me ➤

My Skills

HTML

CSS

PHP

JavaScript

MySQL

MSSQL

Bootstrap

Tailwind

WordPress

Python

Figma

Github

Cloud

DNS

F5 Loadbalancer

Web Hosting

Windows Server

Linux Server / RHEL

Adobe Photoshop

Adobe Illustrator

Customer Service

Communication Skills

Project Management

Troubleshooting

Check Out My Projects

Yogaensalada

During the 2020 pandemic, I developed a personal website focused on yoga and healthy living, using it as a creative outlet to share my passion for wellness. It provides resources on yoga routines, nutritious recipes, and lifestyle tips in order to inspire others in cultivating a balanced and health-conscience lifestyle.

Role: UI/UX Designer, Back-end Developer

Technologies Used: WordPress, MySQL, Adobe Photoshop, DNS Management

Petals & Stem

In this PHP project, I developed custom functions to handle various form processes, including validating user inputs to ensure accurate data submission. I used regular expressions to verify phone numbers and email addresses, adding a layer of reliability and security to the form’s functionality. I have created a thank you page that dynamically tracks and displays the number of successful submissions, providing real-time feedback and enhancing user engagement.

Role: Back-end Developer, Server-side scripting

Technologies Used: HTML, Bootstrap, PHP

PAMJE

In this project, I led the migration of a client’s website from WordPress to the Laravel framework, aiming to boost loading speed and overall user experience. As the UI/UX Front-end Developer and Project Manager, I focused on creating a visually appealing and responsive interface that aligned with the client's organization. I ensured a seamless transition and improved site performance across devices.

Role: UI/UX Front-end Developer, Project Manager

Technologies Used: HTML, CSS, Bootstrap, Figma, Adobe Photoshop, GitHub

Central - PAMJE

This project involved designing and developing a dedicated website for Central, a sub-platform of PAMJE aimed at supporting medical journals in the Philippines. Using a CMS, I created a streamlined structure that simplifies content updates and allows multiple users to manage journal listings, resources, and news efficiently. The project highlighted my ability to build a responsive, user-friendly site that enhances accessibility for the medical community, making vital journal information easily available.

Role: UI/UX Designer, Front-end Developer

Technologies Used: HTML, CSS, Bootstrap, Figma, Adobe Photoshop, Adobe Illustrator, GitHub

Cloudberry

In this Web Usability project, I designed a four-page responsive website in Figma for a Cloudberry farm, focusing on creating an engaging, user-friendly experience. The design emphasized vibrant visuals and an intuitive navigation structure to showcase the farm's offerings, enhancing usability for visitors across different devices. I optimized the layout to ensure smooth interaction on both mobile and large screens, balancing aesthetic appeal with practical functionality to make information easily accessible to users.

Role: UI/UX Designer

Technologies Used: Figma, Adobe Photoshop

AVE Lookbook

In this project, I converted multi-layered PSDs into a fully functional WordPress theme, making sure every design aspect matches with ultimate precision to the original layout. It involved installing plugins that the website required. The project reflected both my aesthetic sense of web design and my skill in setting up WordPress and a database in the server to create a seamless, customized user experience.

Role: Web Designer

Technologies Used: WordPress, Forminator Plugin