SCHOOL OF CREATIVE & TECHNOLOGY

DIPLOMA IN CREATIVE MULTIMEDIA

DCM 2513 : WEB DESIGN

ASSIGNMENT 1 :
REPORT REVOLUTION WEB DESIGN STYLE ERA
SUBMISSION DATE

25 NOVEMBER 2022

PREPARED BY

MUHAMMAD HAMIDUDDIN BIN HASAN (DCM 5-2019071001)

PREPARED FOR

MUHAMMAD HASAN FAUZI MOHD NASIR

Content
1. Introduction of web site design
2. Types of website design
3. 80s website and exaplanation
4. 90s websote and example
5. 20s website and example
6. Conclusion
7. Reference
8.
Introduction of web design

The design of websites that are presented on the internet is referred to as

web design. Rather than software development, it usually relates to the user
experience components of website creation. Previously, web design was mostly
focused on creating websites for desktop browsers; but, since the mid-2010s, mobile
and tablet browser design has become increasingly essential.

Responsive and adaptive design are two of the most prominent ways for
creating websites that perform effectively on both desktop and mobile devices.
Content changes dynamically according to screen size in responsive design; in
adaptive design, website content is fixed in layout sizes that match popular screen
sizes. Maintaining user trust and engagement requires a layout that is as consistent
as feasible across devices. Because responsive design can be challenging in this
sense, designers must be cautious about giving up control over how their work
appears. While they may need to increase their skill set if they are also in charge of
the content, they will benefit from having complete control over the final output.

A web designer is responsible for a website's appearance, layout, and, in

certain situations, content. For example, appearance refers to the colours,
typography, and images utilised. The way information is organised and grouped is
referred to as layout. A good web design is simple to use, aesthetically pleasant, and
appropriate for the website's target audience and brand. Many webpages are
created with a focus on simplicity, with no unnecessary content or functionality that
could confuse or distract users. Because a site that gains and fosters the trust of the
target audience is the cornerstone of a web designer's work, reducing as many
potential areas of user aggravation as feasible is a significant concern.
Types of website design

Here is a list of different website designs and when it's best to use each one:

A. Single page

Single page designs are websites that convey all of their information on a single
webpage. The single page can be as long as the designer wants, allowing users to scroll
down in order to see all the information. When developing the design, many companies and
organizations use a linear journey or narrative to create a flow to the information being
relayed to visitors.

This type of design can be very versatile because it has many unique uses. For example,
it can be used to sell products, telling the company's story as the page progresses, or it can
be used for artists to share their story and portfolio.

B. Dynamic website

Dynamic websites, unlike static websites, allow users to interact with the material on the
webpage, creating a more active and exciting website design. The code to develop these
types of webpages often requires something with a little more versatility, such as JavaScript,
PHP or ASP. Because of their more intricate model and design, dynamic websites can cost
a little more money, and sometimes have a longer load time compared to static websites.
However, they can also effectively relay information and the benefits of a product or service
through an engaging display.

C. Liquid design

A liquid website design behaves similarly to a responsive design, except it doesn't

manipulate the layout of the page depending on the size of the screen. The design itself
shrinks or stretches the entire webpage to fit the size of the chosen window, which can be
helpful for webpages that don't want to sacrifice information depending on the size of the
browser. However, this can also cause the design to have very small, or warped text when
viewing it on screens that are too small or too large.
80s
1. Vortex.com
The domain Vortex.com was registered on October 27th, 1986. Lauren Weinstein,
co-founder of People For Internet Responsibility, Network Neutrality Squad, and the
PRIVACY Forum, organised it. This site is a collection of resources to help visitors become
better "citizens" of the internet. The website's design is a little antiquated, but it looks to have
been updated in 2017.
 2. Program Design Language Processor.

The domain appears to have been registered in 1987. The website itself
seems equally as old. This company was founded in 1970 and is a software and
systems firm best known for the PDL/81 Program Design Language Processor.

Harking back to tales of Armageddon just before the millennium, these guys
had it covered. Apparently, their processor is Y2K compliant. Nice to know.
90s

1. Yahoo

Yahoo Games was founded in 1998 as the major feature of the Yahoo!
website. Card games, board and tile games, word games, sports games, and more
are among the Java applets and Flash games available on the site. While the web
design is simplistic, with plenty of blue hyperlinks in grayscale columns, the game is
addictive and entertaining. Anyone who has spent hours sorting gems in Bejeweled
understands why Candy Crush is so popular these days.

All of the games are free to play as long as you can put up with the incessant
pop-up adverts and game restrictions. You can also withdraw money in exchange for
"All Star" status, which confers additional benefits. Even if you stick to the free
version, Yahoo Games offers over 1,000 different games, making it a terrific location
to hang out in the early days of the internet. Yahoo Games had a successful run,
however it was shut down in 2016.
 2. Lego

LEGO has always known their audience so it’s no surprise that their 1996
website catered to children first and everyone else second.

On a patterned background made to seem like a LEGO base, the homepage

opened with low-resolution clip art pictures that spun, danced, and moved. While the
site had some ugly 90s web design characteristics, such as the enormous Home and
Go to Top icons, it also had some outstanding functionality for the time. The Play
portion, for example, led to an on-site treasure hunt and a video game about
interstellar mysteries.

By joining the LEGO Surfer Club, kids can create their own LEGO website.
With revised site navigation, more robust LEGO membership options, online games,
and ecommerce features, LEGO's site has continued to evolve both in terms of
appearance and functionality.
20s

1. spotify

if viewed on web design then and now, it is very different in terms of

perspective, mode of use, decoration and user convenience. web design nowadays
is more easily understood and known by users because of its simple design and
attracts the attention of the public. for example like spotify, where you want to listen
to a song, it is easier to use and becomes a priority for some parties to listen to the
song.
 2. MySpace 2008

Before Facebook, in the mid-2000s, MySpace was a massively popular social

media competitor to Friendster.Similar to Facebook, each user had their own wall
where strangers and friends could write comments. The allure was in the
personalization; each user could customise their own page and upload their own
music and blog posts.

MySpace has changed dramatically since then. The business was redesigned
and relaunched in 2013, with a focus on musicians and record labels. Users can
create playlists and listen to them using a player at the bottom of the page, thanks to
the website's own app. On the site, users make "connections" rather than "friends,"
and radio stations and music videos are heavily promoted.
Conclusion

In conclusion, past and present designs are very different. websites in the
past have mostly been deleted and replaced with new websites nowadays. By the
way, this shows that our mobile achievements have reached the right level. this can
also to some extent help simplify the work of users nowadays.
Reference

1. https://blog.hubspot.com/marketing/best-website-designs-list
2. https://kangxiang.info/website-design/?
gclid=CjwKCAjw6dmSBhBkEiwA_W-
EoIyfw38hZx_1pru1PNcmEaZua-
CA3B3azuTIHGhAkTWs6EbaJGyzjRoCD9sQAvD_BwE
3. https://onextrapixel.com/45-great-examples-of-retro-website-design/