I am involved in wire-framing and developing websites. I help companies come up with websites that conform to web standards and trends. While working on a project for an insurance company, I was requested to look for visual pegs, which can be used as reference to point out what’s wrong with the existing website. But I wasn’t just particular on how it looks; I was very particular in looking for trends that will stick and will be very efficient for both the company and for end-users.

Prior to my search, I listed down several criteria:

  • Ease of use/Navigability
  • Minimalist Vibe
  • Engagement-Friendly
  • Social Media Centric
  • SEO Friendly
  • Considers Multiscreen/Fluid Layout

I had several thoughts in mind prior to my church.

  • La Salle: I thought that La Salle’s website is neat and true to its brand. But it doesn’t use mobile stylesheets (css). So if you’re going to visit this site using your smartphone, the best thing you could do is to change your phone’s orientation to landscape.La Salle’s website is great on SEO. And they have maximized the use of Social Media.

    La Salle's Website

    Country Web Rank:  332; Website Grade: 59/100

  • Smart: Smart’s website is packed with information. It shows a minimalist vibe and it looks good on my tablet. But similar to La Salle’s website, Smart’s website was not made with smartphones fully in mind. Yes, the icons are big enough to be clicked even on mobile phones, but it’s required for mobile phone visitors to pinch out (zoom out) to fully see the site on vertical orientation.43% of all phones are smartphones, and 87% of smartphones users access the internet. Unfortunately, if you visit Smart’s website on your mobile device, this is how it will initially look.Smart Website mobileSmart Website mobileCountry Web Rank:  93; Website Grade: 55/100

Undoubtedly, in my opinion, both La Salle’s and Smart’s website look good and are intelligently designed. There is no doubt that the developers of the website considered web trends and standards that can ultimately support their branding efforts and business goals.

But consumer and digital trends nowadays seeming demand web developers to consider multi-screen. Most media interactions are screen-based. I wake up every morning and turn off (or sometimes snooze) my alarm on my iPhone. I turn on the TV while browsing news and social feed on my Nexus 7. I browse websites on my mobile phone while waiting for breakfast to be ready, I turn on Waze on my phone to see the traffic situation on the way to work. It seems like I spend more than 60% of my awake-time in front of a screen.

Have said all these, companies should highly consider redefining their web standards and conform it to what consumers (like us) are exposed to. Websites’ layout must be fluid and highly adaptable to multi-screens (take a look at our website).

Case in point is Globe’s Beta website. It’s an ideal example of a well thought-off and consumer-centric website. It’s very navigable and has a minimalist vibe. It’s built in with customer engagement tools and non-intrusive login/quick-links. But more importantly, it looks great on smartphones and tablets. It’s just so much better compared to its old website. Take a look at some screen shots below.

Globe Beta Website's Mobile Look
Globe Beta Website’s Mobile Look
Globe Beta Website's Browser Look
Globe Beta Website’s Browser Look

For my fellow bloggers, it’s time that we also embrace this trend as this isn’t just limited to corporate websites. At this age where consumers look up to our reviews and articles prior to making decisions, it’s best that design our website with them in mind. Ask the questions:

  • Is it navigable?
  • Does it look cluttered and pre-historic?
  • Will you easily be able to interact or engage with your readers?
  • Do you have social media (follow buttons) available?
  • Is your website and your content searchable on the web?
  • And lastly, does it look awesome on your mobile phone?

Sources: Website Grader, SimilarWeb, Google

 

Leave a comment

Author

Giancarlo Viterbo is a Filipino Technology Journalist, blogger and Editor of GadgetPilipinas.net, He is also a Geek, Dad and a Husband. He knows a lot about washing the dishes, doing some errands and following instructions from his boss on his day job. Follow him on twitter: @gianviterbo and @gadgetpilipinas.

Write A Comment

Tokyo Game Show Special Coverage

Tokyo Game Show 2018

41711344 10155988194573337 3113579199126831104 o - We are going to Tokyo Game Show 2018

Witness this year’s biggest gaming convention in Asia, the Tokyo Game Show 2018. This September 19, our team will fly to Tokyo, Japan, to be part to TGS 2018. Special thanks to our brand partners Huawei Mobile, PLDT Home, Smart Communications and Cherry Mobile for making this coverage possible.

If the line on the demo is any indication, Biohazard RE: 2 is one of the most popular games in TGS 2018. It’s one of those games that, regardless of the time of day, the queue to the booth just won’t go shorter than 60 minutes. We decided to hold off trying our luck on the demo, maybe tomorrow’s line would be shorter.

Demo or no demo, it’s still worth mentioning that the game, even in pictures is just a sight to behold. CAPCOM gave us access to screenshots of the game, and my goodness, what a fresh  coat of paint the game has over the 1998 Playstation and Nintendo 64 classic.

Check them out and drool.
Åyre2ÅzSS ING 02 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer
Åyre2ÅzSS ING 05 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2Åzchara leon GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailerÅyre2Åzchara Marvin GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2Åzchara Zombiedog GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2Åzchara Sherry GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2Åzchara Ada GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2Åzchara G1 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer
Åyre2ÅzSS ING 01 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer
Åyre2ÅzSS ING 00 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS env 00 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 10 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 09 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 08 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 07 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 06 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 05 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 04 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 03 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 02 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailer Åyre2ÅzSS cut 01 GL 640x360 - TGS 2018: Biohazard RE:2 glorious screenshots and story trailerAnd, this just in, here’s the story trailer.

Leave a comment

Leave a comment

Get the tech trends in Philippines pushed to you!