Portfolio

My Gallery of Creative Works

Featuring all my workpiece that I created and designed with using tool-building contents and video production during lessons and projects at school.

Review

WORK 01

UI/UX Interface

X-Ray Equipment mockup

These are the mockups that I design with Adobe Photoshop. I make it with designing a greater aspect of 5 core values: consistency, visibility, learnability, predictability, and feedback. I used various tools such as visual shapes and colours, sleek details, buttons, and icons to transform into a modern and efficient website with a focus on usability and user experience.

Software Tools I used: Adobe Photoshop, Moqups for wireframing

Travel Mockup

Portfolio Layout

Web Interface

Mobile Layout

Blog Layout

Final Project

WORK 02

Content Management System

Assignment 1 website in WordPress.

The websites are I created in an open-source (free) CMS content called WordPress that it is popular for web designing users which it allows to edit and publish it. It’s dynamic and features a variety of building ‘blocks’ such as social icons, just to name a few. There is other websites I created in local host that includes various plugins from add-ups (Yoast SEO, WPForms) to web builders (Elementor and WooCommerce) I used for sleek design.

Software Tools I used: WordPress (with Elementor and WooCommerce plugin), Adobe Illustrator for logos and branding

Assignment 2

Elementor Design

Travel Website

Final Project – WooCommerce

WORK 03

Web Development Fundamentals

Final Project website in HTML with CSS features

These are the HTML websites I made in Notepad++. It is integrated with JavaScript for programming and makes tons of coding specialties such as dropdowns, web forms, image slideshows, etc. There is an additional CSS for colouring and typography features, and I did some validation to ensure that my web pages comply with W3C standards.

Software Tools I used: HTML Notepad++

My First HTML Website

Company Website

Tourist Website

Assignment 1

Assignment 2

WORK 04

Mobile Video for Marketing

Animatics

This is a video ad I made and edit in Adobe Rush for my school project. I chose an A&W Root Beer can drink because it is easier, simple, and more convenient to use for my 15-sec commercial ad. For animatics and then my final actual video based on my storyboard during progress, I used various effects such as transitions, colour texture, wording text, and music with sound effects to morph into a real life advertisement.

Software Tools I used: Adobe Premiere Rush

Final Project

Storyboards

WORK 05

Rich Interactive Applications

Sushi Game

These are the interactive applications that I made with Adobe Animate during lab exercises and school projects. I used various techniques such as tweens and debugging to create interesting ad banners, gaming applications and other interactive contents by manipulating digital assets and media elements that maintain UX customizations.

Software Tools I used: Adobe Animate

Dino & Background

Assignment Banner

Billboard Banner Ad

Large Rectangle Banner Ad

Half-Page Banner Ad

Fast Food Interactive Application

Graphic Asset

Filter Asset

My First Tween Asset

Mouse Movement Application

WORK 06

Mobile Web Development

Assignment website in Dreamweaver

These are the responsive web designs that I made with Adobe Dreamweaver. Integrated with JavaScript similar to HTML, I’ve made use of programming and modifying CSS details with the help of jQuery, the add-on library, to showcase the responsiveness of my web development, as well as the features of jQuery UI tools (such as Lightbox, custom animations, etc) I’ve used to make the web design more attractive.

Software Tools I used: Adobe Dreamweaver (with jQuery add-ins)