Potato Corner

Web Maintenance

Potato Corner

Role: Web Developer

Potato Corner is a global Philippine food franchise known for its flavored French fries. I'm responsible in maintaining and monitoring Potato Corner website. Aside from updating themes, plugins, WordPress version and PHP version, I'm also responsible in updating contents, fixing technical issues, optimizing performance, implementing security issues and adding features to the website.

Click here

Changes made in Potato Corner website

Events Page Layout and Booking Form Development

Potato Corner wants to promote their events packages: 'Regular Package' and 'Large Package' with additional offer that includes new products. By clicking on your selected package will redirect you to your selected package page then if you click 'Book Now' it will redirect you again to a booking form where you enter your contact information and event information. After they send me the mockup design for this layout to imitate I gather all the requirements and started to develop the following update. It's a bit challenge for me to layout the Events page because I have to imitate the mockup design at the same time it should be responsive in all devices. I used Caldera Forms for creating the booking form, Elementor and CSS for creating the layout of the pages and JavaScipt for displaying selected package in booking form.

Franchising Page and Application Form

Potato Corner wants to integrate an Application Form for International Franchisees. Using Caldera Forms, Elementor and CSS, I was able to accomplish the Application Form that they want. Click here to visit Potato Corner Franchising Page.

The Huddle Room

Web Development

×

Huddle Room

Role: Web Developer

The Huddle Room is the country's premier growth agency. This is my first major project for our company that was published live. I have fun, and I learn a lot from making this website, as it challenges me to make an extra effort, especially since the website has a lot of animations going on.

Click here

Features

Vertical Slider for Awards Page
Animated Preloader
Services Modal
Contact Forms Modal
Our Clients On-Hover Logo Animation
Animated Mascots On-Hover

Fonts & Colors Used

Font: Avenir Next Lt Pro

Primary

#FF6309
Secondary

#2C2C2C
Tertiary

#F0F0F0

Some of the features I made for the Huddle Room website

Awards Slider

This slider was made to showcase their awards from every year to show how outstanding they are. It was made using JavaScript in order to make it work, HTML and CSS for creating the layout and for responsiveness on all devices. The layouting part is a challenge for me because it needs to be resposive to make it beautiful in all devices.

We Advocate Growth Modal

This modal was made to show what they're capable of doing. It was made with using a plugin, 'Premium Addons for Elementor' with a touch of JavaScript.

All-Star Magazine

Web Development

×

All-Star Magazine

Role: Web Developer

A world-class media platform that was created to serve and to champion the Filipino sports community. My boss, who is also the founder of this website, and I collaborated closely throughout the entire development process, pooling our expertise and resources to create a product we're both proud of. I have been optimizing the website in order to maintain its loading speed and its good performance, even with lots of media and content uploads. I'm also in charge of optimizing the website for search engines by auditing the website and utilizing technical SEO best practices in order to rank higher in Search Engine Results Pages (SERPs).

Click here

Features

Homepage Slider
YouTube Featured Video
Auto Load Posts
Share Article to Social Media
Grid Module Category Posts
Post Video Block

Fonts & Colors Used

Font: Avenir Next Lt Pro

Primary

#27272A
Secondary

#F5F9FF
Tertiary

#111111

Some of the Features of All-Star Magazine website

Homepage

Homepage Slider
The slider is compose of 5 article slides, a cover story that will run for two weeks and four featured articles. It was made using Smart Slider 3 and CSS for better styling.
Featured Video
This is an embedded YouTube video from our YouTube Channel. Usually it was an interview video that also run for two weeks.
4-Column Article Category Section or The Grid Module
It was compose of four recently uploaded articles sorted by category. The following categories are Magazine, Featured, Community and News & Updates.
3-Column Video Section or The Post Video
This is where recently uploaded videos show and all video came from our YouTube channel.

Archives or Category Pages

There are five categories that shows different type of articles: Magazine, Featured, Community, News & Updates and Videos. Each category page or archive page has a featured article on top which is the recently uploaded article, followed by articles at the bottom.

Inside Article

Featured Image
This is the cover image of an article. It shows at the top of an article page.
Share to Social Media
You can share the article to social media like in Facebook and Instagram or copy the link instead. Every article was optimize when shared to social media.
Embed Social Media Posts/Feeds
This will allow you to embed posts from Facebook, feeds from Instagram or a tweet from X.
Read More Section
At the bottom of an article there are three recommended articles to read next.
Auto Load Posts
After the Read More section, another article will load. If you keep scrolling down more articles will load.

Magnolia Chicken

Web Maintenance

×

Magnolia Chicken

Role: Web Developer

Magnolia Chicken is a food and beverage brand owned by San Miguel Corporation (SMC). SMC is one of the largest and most diversified conglomerates in the Philippines. I'm responsible for maintaining and monitoring the Magnolia Chicken website. Updating contents like product page updates, adding a new slide to the homepage slider, and my most recent update is adding the NPC DPO/DPS logo to the homepage.

Click here

Some changes made in Magnolia Chicken website

Updating products page, adding new slide to homepage slider & adding NPC DPO/DPS logo

Magnolia is a Non-WordPress website. In order to make changes to the website I use FileZilla Server to download the page file to update then upload it back after making changes.

RK Ames Website

Web Development

×

RK Ames Website

Role: Web Developer

This is our company's website, which is not yet available to the public. Contents, like images, are not yet final, but the overall construction of the website is almost finished. Using my skills In Elementor, CSS3, and JavaScript, I was able to imitate the mockup design and make it responsive on all devices. You can check its Mockup design made in Adobe XD.

Click here

Features

Notable Partnership Slider with Category Tabs
Logo Carousel
C.O.O.L Solution's Card On-Hover Animation
Services and Solutions Vertical Slider
Contact Form

Fonts & Colors Used

Font: Avenir Next Lt Pro

Primary

#FEFAFA, #E6F4F1
Secondary

#00A5D8
Tertiary

#004A8B

Here are Some Features of RK Ames Website

Notable Partnership Slider with Category Tabs
Showcases all businesses and companies whom we work with. You can navigate it through category tabs and sliders. Visit Testimonials page to check the feature.
Logo Carousel
Showcases all businessess and organizations we have partner with.
C.O.O.L Solution's Card On-Hover Animation
Showcases the services and solutions we offer in a playful way with on-hover animation.
Services Page Vertical Slider
Showcases the services and solutions offered through vertical slider. Visit Services page to check the feature.

Optimal Incorporated

Web Development

×

Optimal Incorporated

Role: Web Developer

A Power Telecommunications and SCADA products and services provider company formed in 1997 to cater the electrical power industry within The Republic of the Philippines with a range of cost effective Power Telecommunication and Substation Automation products. This website is under my supervision by maintaining and updating contents, like uploading their new products and services and adding new articles to their website. I'm also in charge in fixing technical issues and updating its theme, plugins, WordPress version and PHP version.

Click here

Recent Work Made in Optimal Incorporated Website

Uploaded new products in Products Page
Recently upload their new products: PRO Series and EX2700 Series.
Added new article to News Page
The new article was about involvement with the IIEE, Etherwan Systems, Inc. partnered with Optimal, Inc. to showcase their innovative industrial-grade Ethernet communication equipment.

Birthday Invitations

Graphic Design

Joshua Perez

Portfolio

Potato Corner

The Huddle Room

All-Star Magazine

Magnolia Chicken

RK Ames Website

Optimal Incorporated

Birthday Invitations