Good web design and Bad web design: 5 examples you can learn from

0
48
what is web design

We’ve done the research for you so that you can save your eyes and your sanity.

Good web design:

Medium https://medium.com/

To create a striking visual, try a lot of empty space and a small amount of text in your web design. That’s what Medium effectively does. The tagline stands out; the simple visual makes an impact too. There’s also a double take in the text- stories that move with you- the tagline- can also be stories that move you. Both are true. After all, Medium is an app that allows you to get into the minds of some of the world’s most sublime writers. You can read all at once or save and read at leisure. Land on the home page and the sign up is simple. The site also gives you the option of using text to sign. If you think about it, the text idea is simple to follow, even more than the email. This is another win for the design. The home page is simple, easy to navigate with neatly laid out headlines. Judicious use of bold text helps draw the eye too. Every good designer in a web design Singapore company should learn from this website.

Ellevest https://www.ellevest.com/

The website takes a fun approach to the serious business of investing. Written by women and aimed toward the woman investor, Ellevest makes you smile with the drop down sign up option. ‘What the Elle’ are the words that you see. It’s also a strong statement against patriarchy and the clichéd belief that women don’t understand investments when you see the tagline- Invest like a woman. On the home page, you’ll find all the media references to the site. The drop-down menu includes everything from how to start investing in retirement plans. Pleasing colors and simple navigation make this investment site a pleasure to visit. All the while, reminding you that saving money is important business.

Frans Hals Museum https://www.franshalsmuseum.nl/en/

A mellow yellow welcomes you to this award-winning site. The recipient of Awwward’s Site of the Year in 2018, the museum website brings together in-house exhibits and the site’s own design ideas. The clever use of arrows pointing in different directions for tickets and exhibits, interesting photographs that are representative of the shows and symposiums and the line drawings of the buildings are all lovely touches. The Netherlands museum connects users to its Insta account, increasing its appeal manifold, especially among the young users of today. All web design Singapore firms should check this site out.

Simply Chocolate https://simplychocolate.dk/

The website is a delicious presence on the internet from the get-go. From how it urges you to shop- you’re 5 bars away from filling your box- to the clever use of three dimensions to show the chocolate bars themselves, this site takes its product very seriously. The Denmark chocolate creator makes all-natural chocolate bars. The photo grid is a nice touch too. It has humorous sayings including ‘Either you love chocolate or you’re wrong.’ Just browsing the website is a learning experience for web design Singapore designers.

Charity water https://my.charitywater.org/

The light blue shade reminds the user of what the site stands for. The very important right to water. Charity: water uses evocative language- join the spring- to exhort users to get in on the program. The layout is simple, with a staggering statistic taking center stage- 1 in 10 people lack access to clean water. It makes you think, and then respond. The home page uses happy visuals, color blocks, and good news (38,113 water projects, 9.6 million people) to ensure action. The site ensures transparency in transactions- a must for charity work.

Bad web design:

  1. Suzanne Collins Books- this repeat offender will show up in virtually every list of bad web design. Her books are bestsellers, her site? Not so much. When you land on the page, you read para after para about all the wonderful things said about the book. The script is small, and you need to zoom the page to twice the size to get any reading done. There’s an arbitrary picture of the writer and shabby pictures of the books. Clicking on the books doesn’t help. Awards are in the form of a word document, a list of online stores where you can buy the author’s work is at the bottom of the page. There’s nothing personal or warm about the site. Perhaps if the writer had used some of her own creativity in the web design, the results would have been a lot different. As a designer is a web design Singapore firm, you should learn what not to do from this website.
  2. Arngen- another notorious addition to bad web design is this site. As soon as you visit the site, it asks if you want to translate the page. When you close that window, the full horror of the site greets you. Vehicle after vehicle, all in one big mishmash, tractors and bikes, old-fashioned vehicles and mopeds, it’s all there, all together. But that’s not the only thing the site offers. Robots and hovercrafts, a waving Santa Claus even in June, a whirring helicopter icon- all these await to greet you. Zero grid or navigation, poor color choices, and awful typography all make this a terrible website and every web design Singapore designer should learn from it.
  3. Bottles- such an eclectic idea deserves a much better website. The bottle is a resource for antique bottle collectors. But the hover menu is a peculiar flag-bearing oblong that looks a lot like a split football. The home page is whimsical enough; bottles of different colors and vintages, including a pig, shaped one. But among its issues are the tired font and bad content. The content is too long and not evocative. The pictures of the bottles are not of great quality either. It’s just bottle after bottle, with no other options in the menu to choose from.
  4. Penny Juice- the new site is an improvement from the old one, and yet it leaves a lot to be desired. The producer calls itself a leader in childcare juice and has cute children on the site to further drive home the point. The issue is the bad tagline- it makes cents. A play on ‘sense,’ and also a nod to the penny part of the title, it’s still a bit odd. There are child-friendly colors but they are bright and with the content, make the page look crowded. Also, adults make decisions, so the color choice should be better. And if you need information, you need to get to the very bottom of the page.
  5. Gatesnfences- this is a good example of a chaotic, cluttered website. Too much content, too many tabs, arbitrary red color blocks, and a poor font choice all make the site difficult to read. While the website title is self-explanatory enough, it is still imperative that the user knows what the site has to offer. With this one, there’s no way to tell at all. The pictures are badly staged, and there’s a staggering amount of information, literally from the top to the bottom of the site. A very bad idea!

https://lh5.googleusercontent.com/47CkbJLyZUcBQqPT3ylE5m2e4CkvpCfHQCoeTsDQ579o6hB19a0vedEgdhNzO4x62xDmfU_15VRbRnRSvFxI2-1HusaHClYTOFUDZl7uZ_bLhBxNppYDxJ9fRLirKMMf7leIfG5vVYqJ2UPI-A
Author: Shu
Bio: Shu is the Director, Brand Communication & Client Relations of One X Tech. She supports clients in digital transformations, with a particular focus on consumer businesses and leads the efforts in growing new capabilities and partnerships.