ELEMENTS OF THE WEBSITE

-

 ELEMENTS OF WEBSITE 


  1. Logical Website Navigation

The website design should be easy to navigate, with menu items easily accessible from any page. Navigation menus commonly appear in website page headers or sidebar, allowing visitors to quickly access the most useful pages. For PETRONAS website navigation, the menu items are on the header of the page where they can be accessed anytime and anywhere the viewer wanted to. The menu items also can be accessed at the very bottom of the page. 

Header Navigation menu


Bottom menu


  1. Web Design and Layout


A website layout is a pattern (or framework) that defines a website’s structure. The layout creates clear navigation paths within web pages and prioritizes the most important elements of a website. PETRONAS web design and layout are based on a grid layout where the information is organized into a grid of boxes. It allows an equal distribution of text, photos, and videos onto the web pages to aid viewers as well as to keep them interested in the contents. Grid layout helps PETRONAS website viewers easily browse the website and search for the information they needed. 



Grid-boxed layout 




  1. Responsive Design 

Responsive design is a unique method of creating web pages that uses flexible layouts and images and a changing-style sheet media graphics. Web pages with responsive design detect the size and orientation of the viewer’s screen and adjust the layout accordingly. PETRONAS website design also uses responsive design to automatically adjust its website to the viewer’s screen resolution across various devices such as smartphones, iPad, computers, etc. Responsive design helps improve the PETRONAS website’s functionality, size, and color to handle screen size whether it is landscape or portrait form. As a result, the content stays the same, and the reader can access the PETRONAS website anywhere and anytime they wanted. 

Smartphone view 

Desktop view 

  1.  Content is Key

Content is a vital point of every website as it influences search engines for websites, and is also the reason most visitors seek information from the website. The website test should be informative, easy to read, and concise. PETRONAS website showed an efficient way to arrange each key point in its website. Not only is the PETRONAS webpage informative, but it also uses the easy font to read in a short and simple paragraph, and highlights the title of each page on their homepage. The arrangement of each content also flows smoothly to help users find the information they wanted to. For example, below is one of the pages from the PETRONAS website under the ‘Sustainability’ menu titled ‘Positive Social Impact’. This page clearly highlights the main key point, as well as additional content to help users learn more about the topic. 




  1. Call to Action 

A call to action or CTA is a written directive designed to persuade the website viewers to take the desired action. PETRONAS website also uses a call to action element to guide users for their next step for a certain action. For example: 


     ”Stay connected with us…sign up for… Enter your email address” 

“Be our partner… learn more”


  1. Testimonials

Testimonials are an important element for a website as it shows potential customers that other customers are pleased with the company’s service or product. Testimonials are also an indication of the company’s trustworthiness. As PETRONAS products, oil and gas are widely used in Malaysia, the testimonials will probably not be needed as it is already a leading oil producer in Malaysia for a long time and also in the future. PETRONAS testimonials are leaner into the ‘career’ section, where PETRONAS encourage people to join their work community as students, graduates, investors, or company partner. 





  1. An Opt-in Offer 

The opt-in offer is usually used in the marketing-related websites in which an incentive were provided in exchange for users who subscribe using an email address. PETRONAS website is a corporate website that provides content in order to communicate with users. Most of the contents are company profiles, company news or announcements, and contact information. For the PETRONAS website, an opt-in offer in exchange for a user’s subscription on the website is the users can have the latest news developments from PETRONAS. 

  1. Story Telling 

Storytelling in the website is a webpage where the writer guides the website users in a story motion by using advantages provided in web design. This type of design usually uses a lot of visual elements and is interactive in some way to attract users’ attention and keep the website interesting. In marketing, this method is called StoryBrand to connect with the audience and the market-related.  PETRONAS website uses a little bit of storytelling element to provide a summary of how the company works, the founders and staff, their values,  and what makes it different from other companies. 




  1. FAQs Section

Ultimately, the FAQs section, or frequently asked questions section, is vital in website design where it addresses common concerns, questions, and objections the viewers might have. PETRONAS website has a specific FAQs section for each different customer such as investors and vendors. 


Investor FAQ page     Vendor FAQ page 


  1. Contact Info. 

Contact details are written on the website to maintain a good reputation and relationship with the viewers that might be our customers. PETRONAS website also provides the company’s contact information to ensure that the website visitors have a range of options when it comes to reaching out to the company. PETRONAS website provides the company address and company number. This website also allows the reader to keep in contact with PETRONAS through the ‘Drop A Message’ section and also by subscribing to the PETRONAS website. 


PETRONAS address and company number 

Drop a message section  Subscribe website through email

Comments

Post a Comment