top of page

My Portfolio

Here are some of the previous work/ projects that I have done during my Web Applications course. (Old)

UI/UX Project

Photoshop

This was done in May 2021 which I have created. We had to make a website through Photoshop. We each have to create a logo and two animated banners shown at the top ^ (not included in the project unfortunately) and also design our home, about us, products, and the contact us page. The image is hard to see and I apologize for that but my mockup website is about electronics which you can see on the products page.

6_Stefan_UIUX_mockup_desktop-1.png

Assignment 2 

Dreamweaver

This assignment we had to do is to make a product website that can be any product, so the products I chose were gaming keyboards. It took me a while to complete this assignment and the end result was all right and simplistic. But I still enjoy the experience of making it in the end.

Assignment 1

Wordpress 

Tourism logo.jpg

My first start-up to make a WordPress website, the deadline for this was quite short so I tried my best to complete it on time. Our goal was to research and make a Singapore tourism website.

Some pages might have big empty spots which are supposed to have google maps but they can't be shown through screenshots unfortunately

Project

Dreamweaver

This project was much similar to assignment 2 as it still focuses on a project website but of course a different one. I still focused on tech equipment so I chose gaming headsets. The end result was still quite similar to assignment 2 but still comes out decent and neat. 

Assignment 2 Logo(Portfolio Website)

Photoshop

AS2 logo.jpg

This logo took me a while to make even if it looked a bit simplistic but yet unique at the same time. I searched upon a youtube video of how to make my own logo in photoshop for my own portfolio website on WordPress. I got a bit frustrated doing it and It did take me 1 to 2 hours to do it. But the end result was worth it.

Project

Photoshop/illustrator/wordpress

This project focuses on all three software and mainly, photoshop for the banner, illustrator for the logo, and WordPress for the website which is about PC components which took quite some time to do and research but ultimately did a great job doing this project. 

5_Stefan_Project_Logo.png
5_Stefan_Project_Banner.png
Apologies for the website being too small to see, I had to crop the home page into 2 images

Practical Assignment

Animate 

This practical assignment is about creating an animated banner in animate cc which the theme is about movies which I chose is Spider-man into the spider-verse(best movie IMO) and is similar to doing the animated banner in photoshop last year for the UI/UX project. I also did a bit of coding for the two buttons labeled as music and trailer to let the user be able to click on the button and open a new window to watch the music/trailer.

RIA Project (Group/solo project)

Merlioner Logo.png

Animate CC / Photoshop(for logo)

This project was given out by our class advisor and the objective was to partner with a classmate and also try and work the themes that we were able to choose which were, cleaning, tuition or delivery. We chose delivery as it was more convenient than the other two themes. We had to made four banners that has consistent design, but the layout and purpose of the banners must be different. So we get to choose our banner sizes and each of them must represent something, like for example, an advertisement banner or interactive banner to appeal to the people. 

bottom of page