Web Development

Below you will find a soccer website that I made. I came up with a fictional soccer club called Metro Vancouver Football Club. The aim of this club was to allow teams from outside their division region to play against each other. I came upon this idea as I spent many years playing soccer as a kid and later as a teenager but I noticed especially as a teen that we would only play teams from the following cities: Surrey, Coquitlam and Port Moody. I really wanted to play teams from cities such as Richmond, Vancouver and Burnaby and was disappointed that we never got the chance to. That’s why I came up with the idea of this fictional soccer club.

The development process for the website was largely content driven as I used what I learned about media queries and my previous knowledge of HTML and CSS to bring my content to life. I had a heavy focus on images as well as making sure this website was responsive (this was my first time making a responsive website). The process also involved making adjustments to my code as I went along. This project taught me patience with troubleshooting code as well as giving me a better understanding of media queries. Below you will find a link to this website.

With the following website, you will find a promotional site made for a fictional video game entitled: Atomic Ascension: First Contact. I created both a cinematic trailer and launch trailer for this project. I also created a 3 series poster to supplement the marketing campaign for this website as well as a vast array of social media tools. Instagram was by far the platform that I had the largest audience for in terms of social networking. I really enjoyed making the music for the launch trailer of this fictional video game proposal project. On the home page there are various means of storytelling to convey the story of the game itself as well as the additional technical features of the game.

I have also made a website regarding artificial intelligence about a company called Infinity AI. It's a fictional company that I came up with and comes with css grids and other interesting features. I have long had an interest in artificial intelligence in regards to science fiction and the ever increasing deployment of personal assistants in real life. This website's intent is to inspire people to reach for the stars in terms of the advancement of artificial intelligence and how it can benefit us in our lives. Personal virtual assistants via the artificial intelligence capabilities of smartphones have already added to a degree of convenience for me when asking common questions such as the current time, projected weather forecast and sun rise/sun set times. Furthermore, the note taking capabilities via voice input is also a promising aspect of artificial intelligence today.

The website below is a space enthusiast blog that I created while in the New Media program at BCIT. I have continued to update it with various topics in science, technology, current events and futurism related aspects over the last few years. This website was created in WordPress with substantial Front-End and Back-End modifications. Over the years, this website has also added tremendously to my curiosity for both science and science fiction. In space related news, there are always exciting developments that occur especially as we near ever closer to a Mars mission conducted by NASA, which is anticipated sometime in the 2030's.

The website prototype below is a one page website that I along with my group created for a Quality Assurance class during my time in the New Media Design and Web Development Certificate to Diploma pathway at BCIT. This website is for a fictional bakery called Sweet Tooth Bakery and has a focus on visual appeal as well as utilizing innovative Web Development methods. This website was brought into fruition along with its associated mockups, which were completed prior to this website's live deployment. There were also various other deliverables that were part of the project. A short backstory to this fictional bakery was also provided on this one page prototype.