Achievements and works by Archievald Quiambao

Alltel Australia

alltel.com.au

The homepage was heavily customized and serves as the front line for customers visiting the Alltel website. It features a review carousel built using jQuery, a global logo section that showcases their clients using ACF Pro (edited once and implemented on all pages), and a form at the bottom for inquiries or feedback.

Scripts and CSS are also optimized for maximum efficiency and page speed using Google best practices such as deferring scripts, lazy loading, image optimization, CSS minification, Cloudflare optimization, and .webp format for modern browsers.

Homepage

One of my best achievements is the Alltel homepage. On Alltel’s site, everything was custom-made, including page, body development, header, footer, and its back-end. Developed using ACF Pro for more customizations, it improved page speed (core speed vitals), considering SEO factors. Banners are also built using Slick, which slides multiple banners. For easy deployment of banners, we developed a custom function and used ACF repeater for easy deployment, such as linking the background, publishing publicly, and including various radio buttons that can be modified depending on the requirements.

Custom landing page

A landing page is a focused web page designed for marketing campaigns. Unlike homepages, it emphasizes a single goal or call to action, increasing conversions. Think of it as a specialized salesperson in the digital world!

For a landing page like this, it’s designed for a timed special offer and is used only for a specific time frame. Its singular goal is to generate leads by promoting a selected plan, with a form located at the bottom through which values are sent via API

"Landing pages are a huge plus
in building and deploying
campaigns."

Checkout page

The checkout page was built using jQuery, JavaScript, and APIs. This checkout page includes validation, requiring completion of forms such as name, address, and email. The address feature was implemented using the Google Address API, which auto-completes addresses, thereby reducing incorrect address details or fraud. After checkout, all details will be passed to our CRM via a Restful API. Customers will also receive transactional emails via API and email CRM.

1300 plans and pricing

One of the bread and butter elements of Alltel’s website is that I am in charge of the revenue-generating pages, such as plans and pricing.

Pages like this were built using HTML, CSS, jQuery, JavaScript, and a Restful API for dynamic content. Additionally, animations were implemented on the pricing using lightweight CSS keyframes.

Pages like this also include validation, requiring clients to select a plan before proceeding to the next step.

BPS pricing page

One of the upcoming projects involves multiple plan pricings on one page. Most of the data passed here is sent and received using a Restful API, including plan names, pricing, inclusions, and more.

Utilizing a Restful API on these pages gives the company an edge for easy modifications of critical data such as pricing, hence reducing the risk of incorrect details.

Mobile page optimisation

Page optimization is one of the most important aspects when it comes to building a website. Ensure that the website is well-organized and optimized for better results in search engines like Google.

I pioneered page optimization within this company, pushing hard to implement it by allocating sufficient resources for page speed. An example of this is the 1300 page, which initially scored 46 in performance, TEAMS page and it was 72 performance. I optimized this page using best practices in page speed, SEO, Cloudflare, and my favorite tool: Google Lighthouse.

Now, the performance of 1300 page is 84, and TEAMS page which is astounding 91 in performance, and best is 1800 number page with 96 performance score, which is hard to attain and our goal is improve more and our goal is road to 99 in performance.

Latest mobile page optimisation

1300 page - before

1300 page - after

TEAMS page - before

TEAMS page - after

Voiceover recording page

The Voiceover page was built with UX in mind. This page offers a variety of audio options for clients to select and listen to. Customers can choose their preferred audio, tone of voice, and even background music, which increases the chances of closing leads.

The page underwent heavy customization on both the front-end and back-end, including dynamic pricing, word count, selected audio, and more.

Custom blog page

Custom blog page was made from scratch by modifying its code blog page in WordPress.

Technologies used here are jQuery, Javascript, and PHP for more customised approach.

Custom-made mega menu

I’ve created a custom-made mega menu using a combination of CSS, HTML, and PHP to enhance user navigation and provide an intuitive browsing experience. This mega menu offers a visually appealing and efficient way to access various sections of the website with ease. It’s designed to be responsive, ensuring seamless functionality across different devices and screen sizes.

Answering Services Australia

phoneansweringservices.com.au

Answering services homepage

On this website, the homepage is a little more relaxing than the other site. The primary colors here are mostly pastel shades of green and blue, making it more appealing, relaxing, and eye-catching. On the homepage, there’s also a play button that triggers the audio

Plans and pricing page

The Answering Services plans pricing page was built using technologies such as CSS, jQuery, Javascript, and API. Plan names, pricing, and other information were retrieved using the API, thereby reducing the risk of incorrect information. Instead of editing the HTML, you only need to edit the JSON.

Answering Services megamenu

To ensure that visitors will check pages, we make the mega menu design as simple as possible, yet informative and easy to use. Important links are displayed and videos can be played directly in the navigation without navigating to their respective pages.

Hosted PBX

hostedpbx.com.au

Signarama Franchise

signaramafranchise.com

Signarama Franchising Homepage

Signarama Franchising is one of my projects and serves as one of the highest lead-magnet websites. It attracts numerous leads from inquiries about franchising. This website was developed rapidly using the page-building platform DIVI. I completed the development of this website in less than a week, and it comprises hundreds of pages.

Signarama Footer

The nice and simple design of this layout makes it perfect for fast-paced businesses where efficiency and clarity are paramount. Its minimalist yet effective approach ensures that important links and brochures are easily accessible and quickly scanned by users. The inclusion of eye-catching phrases adds an element of intrigue, drawing the reader’s attention to key points and features. Moreover, the compelling call-to-action, “Get started,” encourages immediate engagement, prompting users to take the next step without hesitation. Overall, this design strikes the right balance between aesthetics and functionality, making it an excellent choice for businesses looking to make a strong impression and drive action.

ADA compliant -
Americans with Disabilities Act

Ensuring accessibility for all users, Signarama Franchising website is ADA compliant. Every aspect of its design and functionality has been meticulously crafted to accommodate individuals with disabilities, aligning with the guidelines set forth by the Americans with Disabilities Act (ADA). From intuitive navigation features to alternative text descriptions for images, every detail has been optimized to ensure a seamless experience for all visitors, regardless of their abilities. By prioritizing inclusivity and accessibility, my website aims to provide equal access to information and services for everyone, reflecting a commitment to diversity and inclusion in the digital sphere.

In collaboration with the designer: Gwendel Von