Tugas Web Design

Analisis elemen-elemen web

disusun untuk memenuhi salah satu tugas mata kuliah web design yang dibimbing
oleh Sy.Yuliani,S.Kom.,M.T

Disusun oleh kelompok 7 :

Verdien Fajar Gumilang
Revo Virgoansyah K
Rico Afrizal
Riza Alfathan

Kelas G

PROGRAM STUDI MANAJEMEN

FAKULTAS BISNIS & MANAJEMEN
UNIVERSITAS WIDYATAMA
BANDUNG
2018
 A. Analisis web design pada :

1. http://connectthedotsinc.com

http://connectthedotsinc.com memiliki desain yang unik, karena web tersebut memiliki

desain desain yang berbeda dari yang lain, terdapat animasi garis transparan yang bisa
berubah ubah untuk mengarahkan/ menghubungangkan antara konten satu dengan
konten lainnya saat pertama kali masuk kedalam web tersebut pengunjung akan
disuguhkan oleh beberapa konten yang tidak terstruktur dan berbeda

Analisis Elemen-Elemen :

 Garis
Terdapat banyak animasi garis dalam web tersebut sehingga membuat sebagian
orang yang belum mengetahui/ belum pernah mengunjungi web itu bingung pada
awalnya dengan apa yang ditampilkan dan tidak mengetahui kegunaan dari
garis garis yang ditampilkan pada web tersebut padahal menurut data yang
didapat bahwa web http://connectthedotsinc.com memiliki animasi garis
yang akan memandu mata kita melihat isi konten yang terletak pada halaman
web.
 Bentuk
Web design pada http://connectthedotsinc.com menampilkan background
berukuran besar sehingga perhatian pertama pengunjung terfokus pada
beberapa foto yang ditampilkan untuk menarik perhatian pengunjung dan
membuat karakter/ciri khas tersendiri bagi web tersebut
 Ruang
Ruang/ whitespace yang ditampilkan web ini tidak terstruktur dan tidak
efisien sehingga banyak space yang seharusnya bisa dimanfaaatkan
meskipun tidak terstruktur konten tersebut menunjukan keunikan
keunikannya dibanding web lain
 Warna
Warna dari web ini terlalu cerah sehingga membuat konten gambar pada
web tersebut saling bersaing antara warna background dan konten
kontennya sebaiknya warna background gelap agar konten gambar pada
web tersebut warnanya lebih menonjol
 Tekstur
tekstur dari web ini sangat menarik karena berbeda dari yang lain tombol
dan ikonnya mengarahkan pengunjung untuk melihat dari konten ke
konten
 Ukuran
Secara keseluruhan web ini bagus, garis,bentuk,tekstur membuat satu
kesatuan yang menonjol dan menarik berbeda dari yang lain tapi disisi
lain warna dan ruangnya tidak serasi, tapi menurut pendapat kami pemilik
web berusaha menunjukkan keunikan webnya
2. Eastroom.ca

Web Eastroom.ca memiliki desain yang full screen(penuh), dalam web ini
terdapat tulisan yang sangat besar pada bagian atasnya dan juga terdapat tanda
panah yang berfungsi untuk menunnjukan konten 1 ke konten lainnya.Web ini
memberikan konsep yaitu pengunjung akan menemukan sesuai apa yang
pengunjung cari dengan cara mengkilk salah satu tombol.contohnya pengunjing
ingin mengklik tombol about maka akan ditampilkan page about tersebut, dengan
konsep tersebut web ini memiliki perbedaan dari yang lain.
Analisis Elemen-Elemen:
 Garis
Tampilan web ini terbentuk dari unsur tipografi dan garis sebagai pembatas.
Membuat mata pertama kali akan tertuju pada headline website “Welcome
to” kemudian pengunjung akan tertuju pada tulisan East Room.
 Bentuk
Web ini memiliki visual yang simple dan layar pada computer full/penuh
sehingga membuat pengunjung lebih terfokus pada informasi di web
tersebut
 Ruang
 Ruang/ whitespace yang ditampilkan web ini tersusun rapi dan gambarnya
terlihat detail Penggunakan foto atau gambar besar pada halaman
website sebagai background menarik perhatian pengunjung serta
menjaga mata tetap terfokus pada satu konten sebelum kemudian
mengarah ke keterangan berikutnya dengan kata-kata yang berdekatan.
 Warna
Warna web ini tampak serasi, perpaduannya sangat cocok warna hitam
dan putih tidak saling bersaingan sehingga hanya menonjolkan informasi
 Tekstur
Tekstur terlalu polos sehingga tidak terlalu menarik perhatian hanya
terdapat penjelasan membership yang dibedakan hanya berbackground
putih dan tulisan item
 Ukuran
Ukuran Secara keseluruhan garis,bentuk,warna dan ruang membuat satu
kesatuan yang menonjol dan menarik berbeda dari yang lain tapi disisi
lain teksturnya terlalu polos
 3. https://www.ableton.com/

web ini memiliki desain sangat simple dan tertata rapi/terstruktur. Dalam web tersebut
menampilkan konten konten berupa video, terdapat tulisan tulisan yang menegaskan
konten konten yang ada mungkin di butuhkan oleh para pengunjung web tersebut.
Dihalaman pertama terdapat tanda panah yang menunjukkan/ memandu pengunjung
untu menscroll ke bawah.
Analisis Elemen-Elemen:

 Garis
Garis yang ditampilkan tidak banyak hanya ada garis horizontal yang
memisahkan antara konten konten yang ada di web tersebut dengan
bagian akhir cp dari web serta garis hanya sebagai penegas saja
 Bentuk
Web ini memiliki visual yang simple walau awalnya visual terasa tidak rapi
tapi kemudian saat di scroll kebawah konten konten dibawahnya tertata
rapi
 Ruang
Ruang/ whitespace yang ditampilkan web ini tepat/pas tidak terlalu luas
dan tidak terlalu kecil pengelola web mengelola dengan baik
 Warna
Warna background dengan kontennya sagat cocok dilihat warna yang
simple membuat konten lebih menonjol
 Tekstur
Tekstur dalam web ini sedikit sehingga kurang menarik perhatian
 Ukuran
Ukuran secara keseluruhan garis,bentuk,warna dan ruang membuat
kesan menonjol dari kontennya
4. https://www.insideasiatours.com/

Web ini memiliki desain yang sangat bagus,tertata rapi, menarik,serta fleksibel
diawal halaman kita akan disuguhkan oleh gambar gambar yang menarik serta
tulisan tulisan yang sangat serasi mulai dari font dan warnanya dalam web
tersebut konten kontennya sangat padat tapi penempatan spacenya sangat baik
sehingga pengunjung terfokus dan web ini sangat indah dilihat. Semua elemen
elemennya tersusun dan menjadi satu kesatuan yang menonjol berbeda dengan
yang lain.

Analisis Elemen-Elemen:
 Garis
Garis yang ditampilkan teratur memisahkan antara konten satu dengan
konten lainnya dengan baik sehingga membuat web tersebut
visualisasinya bagus
 Bentuk
Web ini terlihat padat dengan diisi konten konten yang menarik dengan
dipadukan antara gambar dan tulisan sehingga membuat web tersebut
sangat bagus dan membuat web ini terlihat modern
 Ruang
 Penataan ruang web tersebut sangat pas space space yang ditampilkan
membuat mata kita tertuju pada konten konten yang ada dan mata kita
tidak akan terganggu dengan yang lain
 Warna
Warna background dengan kontennya sagat cocok dilihat warna merah
yang pas dipadukan dengan tulisan dan gambarnya semuanya terlihat
indah
 Tekstur
tekstur yang ditampilkan membuat fokus judul, ikon, dan tombol yang ada.
menarik perhatian mata kepada tombol call-to-action maupun headline
dalam web tersebut
 Ukuran
Ukuran secara keseluruhan garis,bentuk,warna,ruang dan tekstur sangat
bagus dan pas semuanya terpadu dengan rapi dan terstruktur dengan
baik dan juga bisa dikatakan web ini sangat modern dan berkelas

B. Jika kami membuat web, kami akan menonjolkan bentuk yang simple dengan
garis yang teratur dan mengelola ruang secara optimal serta lebih banyak tekstur
agar pengunjung web lebih terfokus dan mudah mencari informasi juga
menerapkan warna yang sangat serasi dengan isi konten agar konten terlihat
sangat menonjol. Membuat ukuran elemen secara keseluruhan terpadu antara
satu dengan yang lain