RESPONSIVE OR PARALLAX?

I made that kind of expression for the first 3 months running Grab Indonesia. Coming from a print media background, websites are a whole new world for me,  I ain’t know sh*t!

I got a lot to catch up, in within the first month of operating, we need to make our website up and running, that’s when I heard about a solution for graphic designer like me to make a website without coding, introducing:

ADOBE MUSE

yeah2

 

We started off with this website design below (click the image to go to the website):

Screen Shot 2016-04-05 at 14.35.11

We loved it! It was easy to build, it got nice parallax effects (for those of you who don’t know what parallax is, creativebloq.com explained it really well: One big web design trend of the moment is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth.).

Until … we heard about responsive website (Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

And everything that we built with pride fell apart …

crash.gif

PARALLAX IS NOT RESPONSIVE!

OH NO! SO WHAT SHOULD WE DO ABOUT IT? BECAUSE GOOGLE WANTS YOUR WEBSITE TO BE MAXIMIZED IN MOBILE.

A lot of you guys maybe have the same question as we did, and also lots of our clients. Unfortunately, you can’t have both. The way around this is to create a different, specific mobile version for your web. You can actually see this in the URL, for example, www.m.yourdomain.com or http://www.yourdomain.com/phone. To get around Google specification of responsiveness you will need to do some settings in your website and webmaster dashboard, it’s a tad complicated and it is better to leave this to the pros.

Our final takes on this matter are, you need to choose what is best for your business. For website design agency like us, visual is everything, so we are willing to take the longer route. But if you are a portal or a financial institute, we are suggesting to go with a responsive website, but make sure your designer use great images and focus on user experience, faster websites are better for you guys.

If you want to take a look at parallax websites example you can go to the link below (all of the websites was developed using Adobe Muse, some of it were maximized for mobile some don’t try to open them in different browsers and different resolution, you will see several quirks here and there)

Right now we used 2 other platforms to build our websites, each of them have their pros and cons, we will review it one by one in near future.

I hope this helps to answer some of your questions, but if you have more questions about things I mentioned above, feel free to leave your question below.

I apologize for the excessive use of gif on this post … here is a cat gif for you LOL.

cathifive.gif

Written by Tommy Fabianus. The writer is the managing partner of Grab Indonesia, website design and branding agency based in Jakarta, Indonesia.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Powered by WordPress.com.

Up ↑

%d bloggers like this: