GOOD & RESPONSIVE WEBSITES III by https://padlet.com/jeffolee7/35k9vkpbt1efd3dh Find examples of good websites. en-us 2020-11-01 02:58:33 UTC 2025-12-27 19:48:12 UTC hello@padlet.com https://padlet.net/icons/png/1f579.png Example I - World Wildlife Fund jeffolee7 https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/879197370 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 6, 3, 2, 1

Do they use web fonts or system fonts?
They are mostly using webs fonts.

Do they have both bitmaps and vector graphics?
Yes, the have images in bitmaps and social media icons in vector graphics.

Other factors
- The CTA is clear and above the fold
- The fonts are large and suitable for mobile view

]]> 2020-11-01 02:58:33 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/879197370 Example 1 - Design Boom worklwloh https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888563348 Is it Responsive/Adaptive?
Responsive

Does it flow well?
Mobile - some words are cut off.
Tablet - well organised.

How many column layouts?
3, 3, 2, 1

Web or System Fonts?
Web

Do they have both bitmaps and vectors?
Yes, logo (icons), content thumbnail and banner images (bitmaps), small category illustrations (bitmaps, gifs)

Other Factors
No obvious CTA as it is an article platform. Banner placed above the fold - organisation of content to be above the fold is the featured content.


]]> 2020-11-04 03:43:24 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888563348 Example 1 - Hipstamatic Gear seblimks https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888563634 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 6, 3, 2, 1

Do they use web fonts or system fonts?
They are mostly using webs fonts.

Do they have both bitmaps and vector graphics?
Yes, the have images in bitmaps and social media icons in vector graphics.

Other factors
- The CTA is clear and above the fold
- The fonts are large and suitable for mobile view]]> 2020-11-04 03:43:37 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888563634 Example I - Mi.SG fadluddinyousiff https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888563690 Is it responsive or adaptive?
adaptive.

Does it flow well?
yes the site content is organised at all devices

Does it have column layouts and how many?
yes, 3,4,3

Do they use web fonts or system fonts?
web fonts
Do they have both bitmaps and vector graphics?
both

https://www.mi.com/sg/]]> 2020-11-04 03:43:40 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888563690 VIVIFI mar2cus https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564046
Is it responsive or adaptive?
It is responsive.

Does it flow well?
Yes, the site content is well organised across all device screen sizes.

Does it have column layouts and how many?
Yes, it contains 4, 3, 2, 1 column layouts.

Do they use web fonts or system fonts?
They use web fonts - font awesome.

Do they have both bitmaps and vector graphics?
Yes, they have images and icons in vector graphics.

Other factors
> The CTA is clear and above the fold.
> Fonts are large and suitable for mobile view.
> Each section is separated by a different background colour.

]]> 2020-11-04 03:43:56 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564046 Iris - 1. Singapore Symphony Orchestra https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564079
Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 3, 2, 1

Do they use web fonts or system fonts?
They use system fonts.

Do they have both bitmaps and vector graphics?
Yes, the have images in bitmaps and their logo and social media icons in vector graphics.

Other factors
- They have an interactive banner with slight animation.
- They have very distinct graphics and photographs.

https://www.sso.org.sg/
]]> 2020-11-04 03:43:58 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564079 Renny https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564282 Example 1 - Amazon

It is fully responsive (breakpoint - 1240px)
It flows well.
Yes, It contains 4, 1
They use Arial (system-fonts)
They have both raster for images and vector for icons.

Example 2 - Slack

It is fully responsive (breakpoint - 767px)
It flows well.
Yes, It contains 3, 2, 1
They use Slack-Circular-Pro (web-fonts)
They have both raster for images and vector for icons.
The CTA is clear and above the fold.

]]> 2020-11-04 03:44:06 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564282 Shirley https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564301 Example -  www.tofugu.com

Is it responsive or adaptive?
yes, responsive

Does it flow well?
yes

Does it have column layouts and how many?
4, 2, 1
Do they use web fonts or system fonts?
web fonts

Do they have both bitmaps and vector graphics?


Other factors









]]> 2020-11-04 03:44:07 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564301 Joseph- Parchmen Coffee mhkjoseph https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564736 https://www.parchmen.co/

Is the site Responsive or Adaptive?
It's Responsive

Does it flow well?
Yes- good use of parallax scrolling, call to actions are prioritised, and scaling to different sizes are done.

Does it have column layouts- if yes, how many?
It supports 3 or 1 column layouts, though some sections of the site turn into a section with a scroll bar when minimised

Do they use Web or System Fonts
Web fonts

Do they have bitmaps/vector graphics?
Mostly Bitmap

Other Factors
-]]> 2020-11-04 03:44:25 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888564736 Selina https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888565502 example 2 - 
Responsive
flows well
columns - 6,4,3,2
web fonts
bitmap images and vector icons & logo]]> 2020-11-04 03:45:00 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888565502 Poh Teck https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888566150 1) Reddit.com

Is it responsive or adaptive? Responsive

Does the site flow well?
Yes

Does it have column layouts and how many? (12, 6, 3 1)
4, 3, 2, 1

Do they use web fonts of system fonts?
Web - they seem to host the fonts they use.

Do they use both bitmaps and vector graphic?
Yes. Logo and icons are vector. User content is mostly raster.

--------------------------------------

2) Grab.com

Is it responsive or adaptive? Responsive

Does the site flow well?
Yes

Does it have column layouts and how many? (12, 6, 3 1)
4, 2

Do they use web fonts of system fonts?
Web - they seem to host the fonts they use.

Do they use both bitmaps and vector graphic?
Yes. Only icons. Images and logo is png format.]]> 2020-11-04 03:45:30 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888566150 Markus - Foodpanda https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888566278 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 4, 3, 2, 1

Do they use web fonts or system fonts?
They are mostly using system fonts.

Do they have both bitmaps and vector graphics?
Yes, images are in bitmaps, logos and icons are in vector graphics.

Other factors
- CTA buttons gets enlarged as the site goes into mobile view.
- CTA prioritises customers first, followed by merchants.]]> 2020-11-04 03:45:37 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888566278 Padlet https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888567160 Is it responsive or adaptive?
Fully responsive.

Does it flow well?
Yes, site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 5 columns.

Do they use web fonts or system fonts?
System fonts and web fonts.

Do they have both bitmaps and vector graphics?
Yes, they have images in bitmaps and social media icons in vector graphics.

Other factors
- The CTA is clear and above the fold
- The fonts are large and suitable for mobile view

]]> 2020-11-04 03:46:15 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888567160 Shuh Yi https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888567718 www.m1.com.sg

Is it responsive or adaptive?
Adaptive. Bottom of page changes to lists when page is further shrinked.

Does it flow well?
Not so well.

Does it have column layouts and how many?
2, 1

Web fonts or system fonts?
Seem like system fonts.. still unsure how to check?

Do they use both bitmaps and vector graphics?
Both, they have picture and logo.

Other factors
Chat and Go to Top are always above the fold.
__________________________________

www.ezbuy.sg

Is it responsive or adaptive?
Pictures cut off when shrink. Still adaptive?

Does it flow well?
 No

Does it have column layouts and how many?
1, 5, 1, 5, 4, ,4, 5, 6, 4, 5, 5, ,5, 5

Web fonts or system fonts?
Web

Do they use both bitmaps and vector graphics?
Both

Other factors
Online chat button, Go to Top and Information Help button are always above the fold for easy access.]]> 2020-11-04 03:46:40 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888567718 Iris - 2. Food Revolution https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888569824 https://foodrevolution.org/

Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 3, 2, 1

Do they use web fonts or system fonts?
They use mostly web fonts and some system fonts.

Do they have both bitmaps and vector graphics?
Yes, the have images in bitmaps and their logo and social media icons in vector graphics.

Other factors
- The fonts are large and suitable for mobile view.
- They have a chat box function which floats above throughout the website.

]]> 2020-11-04 03:48:14 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888569824 Example I - Behance kohxiuwen https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888569952 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, it flows well and the site is well organised.

How many column layouts?
7,6,5,4,3,2,1

Do they use web fonts or system fonts?
Web fonts

Do they have both bitmaps and vector graphics?
Vectors graphics

Other factors
The logo and navbar are always pins on the same location even being resize

]]> 2020-11-04 03:48:19 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888569952 Bel Example 1- Thought catalog https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888570301 Is it responsive or adaptive?
Responsive for some aspects

Does it flow well?
Yes

Does it have column layouts and how many?
3

Do they use web fonts or system fonts?
web font

Do they have both bitmaps and vector graphics?
Vector

Other factors
Some column are responsive (menu) while some are adaptive (3)

]]> 2020-11-04 03:48:35 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888570301 Example I - https://www.ufc.com/ kuoolitat https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888576035 Is it responsive or adaptive?
Responsive

Does it flow well?
Quite ok. But I noticed gaps between images. Not sure if it's intentional

Does it have column layouts and how many?
Yes. I think 3.

Do they use web fonts or system fonts?
Webs fonts.

Do they have both bitmaps and vector graphics?
Combination of both.

Other factors
- The CTA is clear and above the fold
- The fonts are large and suitable for mobile view





]]> 2020-11-04 03:52:26 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888576035 Example - Chanel szeyeechia https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888576452 Is it responsive or adaptive?
Responsive

Does it flow well?
Yes. Content is well organised.

Does it have column layouts and how many?
Yes. 3, 2, 1

Do they use web fonts or system fonts?
Web fonts

Do they have both bitmaps and vector graphics?
Yes, images are mostly in bitmaps. Icons are in vector graphics.

Other factors
  • Categories are placed in a hamburger menu on mobile
  • Visually pleasing on both mobile and desktop view
  • A bit of glitch from mobile back to desktop view (menu)
]]> 2020-11-04 03:52:43 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888576452 Jason - BBC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888577362 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 3, 2, 1

Do they use web fonts or system fonts?
Mostly using webs fonts.

Do they have both bitmaps and vector graphics?
They have images and social media icons in only vector graphics.

Other factors
- The Call To Action is clear and above the fold
- The fonts are optimized and suitable for mobile reading]]> 2020-11-04 03:53:20 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888577362 JT - Mr Porter https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888580540 responsive
flows well
column layout 3, 1
Web font? Georgia, "MSung PRC Medium"
Images are bitmap, logo is a font, social media icons vectors
https://www.mrporter.com/en-sg/?

]]> 2020-11-04 03:55:35 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888580540 Markus - Freepik https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888581055 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 5, 4, 3, 2, 1

Do they use web fonts or system fonts?
They are mostly using webs fonts.

Do they have both bitmaps and vector graphics?
Yes, images are in bitmaps, logos and icons are in vector graphics.

Other factors
- CTA, toggles and buttons does not increase in size as site goes into mobile view, in fact it decreases in size - Probably after considering that users do not usually interact with a stock image website on mobile.]]> 2020-11-04 03:55:57 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888581055 https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888583777 2020-11-04 03:57:54 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888583777 Slack thaddeuszheng https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888583956 Responsive

Yes, it has different sections to make information clear

Yes, it moves from 3 grids to single, from desktop to mobile

Looks web to me

Mix of both Vector (logos) & Bit (pics) 

Has different colour section and colour for CTAs]]> 2020-11-04 03:58:02 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888583956 Jason - Lululemon https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888587268 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 4, 2, 1

Do they use web fonts or system fonts?
Mostly are webs fonts.

Do they have both bitmaps and vector graphics?
Contain images and social media icons in vector graphics.

Other factors
- The CTA is clear and above the fold
- The fonts are large and suitable for mobile view
- Feedback button constantly on the fold]]> 2020-11-04 04:00:25 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888587268 kohxiuwen https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888587753 2020-11-04 04:00:46 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888587753 Example 1 - Hipstamatic Gear seblimks https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888590241 Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 6, 3, 2, 1

Do they use web fonts or system fonts?
They are mostly using webs fonts.

Do they have both bitmaps and vector graphics?
Yes, the have images in bitmaps and social media icons in vector graphics.

Other factors
- The CTA is clear and above the fold
- The fonts are large and suitable for mobile view]]> 2020-11-04 04:02:29 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888590241 Example 2 - Pinterest seblimks https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888594651
Is it responsive or adaptive?
It is fully responsive.

Does it flow well?
Yes, the site content is well organised across all device screens sizes.

Does it have column layouts and how many?
Yes, it contains 5, 3, 2

Do they use web fonts or system fonts?
They use web fonts

Do they have both bitmaps and vector graphics?
Yes, the have images in bitmaps and their logo and social media icons in vector graphics.

Other factors
- They have an interactive banner with slight animation.
- They have very distinct graphics and photographs.


]]> 2020-11-04 04:05:35 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888594651 Selina https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888598837 example 1 - 
Responsive
flows well
columns - 6,4,2
web fonts
bitmap images and vector icons & logo
CTA is above the fold, fonts are large and suitable for mobile view]]> 2020-11-04 04:08:03 UTC https://padlet.com/jeffolee7/35k9vkpbt1efd3dh/wish/888598837