18 Desain Konsep Keren (Facelift) dari Situs Web Terkemuka
Jika konten adalah raja, desain harus menjadi ratu. Ini adalah elemen penting yang mematikan bagi keberhasilan situs web, karena memutuskan bagaimana konten disusun dan ditampilkan, dan desain yang buruk hanya merusak pengalaman pengguna, sehingga merusak lalu lintas situs.
Seringkali, perancang web kami harus memainkan permainan perdagangan saat kami merancang situs web. Kami menjual keindahan untuk fungsionalitas, atau fungsionalitas untuk keterbacaan, karena tidak mungkin menghasilkan desain yang menyenangkan semua orang di setiap aspek.
Jadi desain mana yang lebih baik? Desainer web senang mengajukan pertanyaan ini, dan beberapa bahkan menantang diri mereka untuk memainkan permainan perdagangan dengan lebih baik dengan mendesain ulang situs-situs terkenal seperti Facebook dan YouTube, sehingga membentuk desain potensial dalam pos pajang ini. Lebih baik atau lebih buruk, Anda sebagai pengguna memutuskannya, nikmati!
Menurut statistik resmi, Facebook telah melayani lebih dari 500 juta pengguna aktif, dengan 700 miliar menit dihabiskan untuk itu. Untuk statistik semacam ini, akan sangat sulit untuk merancang halaman web untuk itu. Mungkin juga alasan yang sama mengapa begitu banyak desainer menantang diri mereka untuk mendesain ulang Facebook. Mari kita lihat beberapa upaya hebat dari desainer di bawah ini:
Konsep desain Oleh: Barton Smith
“Facebook Facelift adalah proyek yang diinisiasi sendiri untuk menantang bentuk dan fungsionalitas Facebook. Ini efisien, terstruktur dan antarmuka linier lebih mudah dipahami, meningkatkan pengalaman pengguna dan menyerap konten.”
Halaman Utama. (Sumber Gambar: Barton Smith)
Halaman Foto. (Sumber Gambar: Barton Smith)
Halaman Acara. (Sumber Gambar: Barton Smith)
Halaman Kontak. (Sumber Gambar: Barton Smith)
Halaman Pemberitahuan. (Sumber Gambar: Barton Smith)
Konsep desain Oleh: Arsitek Informasi
Desain inovatif ini lahir dari Desember 2006 dan kemudian disesuaikan dengan standar desain kontemporer, agar memiliki perbandingan yang adil dengan desain Facebook saat ini. Idenya adalah untuk membuat aplikasi seperti mail dengan antarmuka yang berisi tata letak 3 kolom elastis yang dengan jelas memisahkan filter, aliran informasi, dan reaksi, yang dijelaskan dengan jelas dalam posting mereka..
Halaman Utama. (Sumber Gambar: Arsitek Informasi)
Konsep desain Oleh: Justin Dauer
“Salah satu tujuan utama saya adalah untuk memindahkan antarmuka ke lebih banyak jenis presentasi aplikasi web. Facebook memiliki sekitar 175 juta orang masuk setiap hari; semua tugas berulang yang melekat dalam penggunaan tersebut kondusif untuk bentuk pendekatan ini. Ketika saya sedang menyelesaikan desain ulang ini, UI baru yang mirip aplikasi Twitter diluncurkan, dan memberi saya waktu validasi seperti Stuart Smalley.”
Halaman Utama. (Sumber Gambar: desain pseudoroom)
Konsep desain Oleh: Peter Knoll
Desain yang sangat ramping oleh Peter Knoll. Grafiknya sangat ditingkatkan untuk membuat seluruh situs terlihat menarik dan menjanjikan. Antarmuka juga jauh lebih bersih dengan tipografi yang bagus diterapkan untuk keterbacaan yang baik.
Halaman Utama. (Sumber Gambar: Peter Knoll)
Konsep desain Oleh: AndasoloARTS
Variasi Facebook yang dilakukan oleh AndasoloARTS, bahkan terjual! Skema warna sangat mirip dengan desain Peter Knoll, tetapi secara keseluruhan itu desain yang berbeda. Sekali lagi desain yang sangat ramping dengan minimalisme dalam pikiran.
Halaman Utama. (Sumber Gambar: AndasoloARTS)
Konsep desain Oleh: Jonaska
Sebuah desain yang terinspirasi dari desain Facebook AndasoloARTS, cukup unik juga! Saya suka penerapan pembagian status dan kotak pencarian, memang variasi yang dirancang dengan baik.
Halaman Utama. (Sumber Gambar: Jonaska)
Konsep desain Oleh: Czarny-Design
Bagaimana dengan desain seksi dengan elemen sudut membulat? Pendekatan desain yang benar-benar unik untuk Facebook dengan skema warna yang sedikit berubah, dapatkah Anda menerimanya?
Halaman Utama. (Sumber Gambar: Czarny-Design)
Myspace
Setelah raksasa jejaring sosial, Myspace akhirnya disusul oleh pesaing utamanya, Facebook. Berganti nama menjadi My_____ sekarang, bertujuan untuk menjadi tujuan hiburan sosial terkemuka yang mencakup musik, film, selebritis, TV, dan game, yang ditenagai oleh hasrat penggemar. Desain di bawah ini dicoba untuk Myspace lama, tetapi masih bagus untuk melihat pada apa yang menurut desainer seharusnya Myspace.
Konsep desain Oleh: Rafael Oliveira
“Bagaimana jika Myspace memiliki antarmuka yang lebih jelas, terdefinisi dan indah secara default, tetapi masih dengan opsi untuk mempersonalisasikannya, tetapi dengan cara yang lebih mudah dipahami? Itulah pertanyaan yang saya buat sendiri ketika memulai ini, dan itu menjadi proyek yang keren. Selain desain visual, saya mengusulkan beberapa peningkatan kegunaan, berdasarkan konten yang sudah ada di situs, dan melihat peta situs mereka.”
Halaman Utama. (Sumber Gambar: Rafael Oliveira)
Menu Saluran. (Sumber Gambar: Rafael Oliveira)
Halaman Foto. (Sumber Gambar: Rafael Oliveira)
Halaman Profil Khusus. (Sumber Gambar: Rafael Oliveira)
Halaman Artis. (Sumber Gambar: Rafael Oliveira)
Halaman Artis - Disesuaikan. (Sumber Gambar: Rafael Oliveira)
Halaman Saluran Video. (Sumber Gambar: Rafael Oliveira)
Memproses lebih dari 1 miliar permintaan pencarian di seluruh dunia, Google adalah situs web paling terkenal di planet Bumi. Itu juga dikenal sebagai kerajaan yang mencoba untuk mendominasi internet dengan membangun produk ramah pengguna seperti Android, Gmail dan Analytics. Karena Google memiliki banyak perancang papan atas yang mengerjakan desain situs web mereka, setiap upaya perancangan ulang merupakan tantangan langsung bagi perancang mereka. Menarik.
Konsep desain Oleh: Craig Reville
“Karena Google telah memutuskan untuk mendesain ulang hal-hal sedikit, saya pikir saya harus mencoba bagaimana saya ingin melihat dan menggunakan Google. Saya tidak menjadi liar pada ikon atau logo terutama karena desainer ikon bisa melakukan pekerjaan yang lebih baik dan saya suka logo sederhana seperti itu. Setiap dan semua umpan balik dihargai.”
Halaman Utama. (Sumber Gambar: Craig Reville)
Halaman Hasil Pencarian. (Sumber Gambar: Craig Reville)
Halaman Hasil Pencarian - Konsep ke-2. (Sumber Gambar: Craig Reville)
Halaman Hasil Pencarian Gambar. (Sumber Gambar: Craig Reville)
Konsep desain Oleh: FloxDesign
Sedikit seperti Bing, tetapi dengan cara yang lebih epik. Hormat saya, saya ingin memiliki desain yang luar biasa ini untuk halaman utama Google saya.
Halaman Utama. (Sumber Gambar: FloxDesign)
Youtube
Peringkat no.3 di global dan no.4 di lalu lintas situs AS, YouTube adalah situs web untuk menemukan, menonton, mengunggah, dan berbagi video. Sebagian besar konten telah diunggah oleh individu, tetapi media terkenal seperti CBS, BBC, Vevo dan Hulu telah menyediakan video mereka sendiri sebagai bagian dari program kemitraan YouTube. Apakah Anda berani mendesain ulang situs yang dilihat lebih dari 2 miliar kali sehari? Mereka melakukannya.
Konsep desain Oleh: Michele Byrne
Desain ulang yang ramping yang lebih menekankan pada menonton dan berbagi video. Pendekatan unik diterapkan pada desain ini, meskipun antarmuka pengguna sedikit mirip dengan Vimeo. Usaha yang bagus pula.
Halaman Utama. (Sumber Gambar: Michele Byrne)
Halaman Video. (Sumber Gambar: Michele Byrne)
Halaman Pengguna. (Sumber Gambar: Michele Byrne)
Info Video. (Sumber Gambar: Michele Byrne)
Video yang Direkomendasikan. (Sumber Gambar: Michele Byrne)
Konsep desain Oleh: Josh Collie
“Salah satu keluhan terbesar saya dengan YouTube selama bertahun-tahun adalah ketidakmampuan untuk mencari video lain sambil menonton video, serta membaca komentar tanpa harus menggulirkan video di bagian atas layar. Desain di bawah ini berupaya menyelesaikan masalah ini dengan memiliki 3 kolom yang dapat digulir secara terpisah termasuk pencarian, video & komentar.”
Halaman Utama. (Sumber Gambar: Josh Collie)
Halaman Pengguna. (Sumber Gambar: Josh Collie)
Konsep desain Oleh: Thadeu Morgado
Eksperimen desain ulang untuk halaman utama YouTube. Gayanya hampir sama, kecuali bahwa seluruh tata letak telah direstrukturisasi, dan slider besar, ramping ditambahkan untuk memberikan lebih banyak fokus ke video unggulan.
Halaman Utama. (Sumber Gambar: Thadeu Morgado)
Amazon
Amazon online pada tahun 1995 dan sekarang menjadi perusahaan e-commerce multinasional yang berisi banyak buku, majalah, musik, DVD, elektronik, komputer, perangkat lunak, sepatu, hampir semuanya! Karena mereka memiliki bisnis yang begitu besar, desainer di seluruh dunia telah menantang diri mereka sendiri untuk meningkatkan desain agar lebih indah dan tentu saja, ramah pengguna.
Konsep desain Oleh: Trevor Cleveland
“Saya ingin menjelajahi tiga konsep unik untuk mendesain ulang beranda Amazon di atas flip. Amazon adalah salah satu situs belanja online terkemuka, tetapi desain beranda fluida mereka ditetapkan untuk ukuran monitor dengan dimensi kecil, meninggalkan situs tersebut untuk terlihat sangat bahagia di banyak komputer baru dengan resolusi lebih tinggi. Jadi saya ingin menyampaikan tiga ide untuk mempercepat Amazon.”
Konsep Pertama - Halaman Utama. (Sumber Gambar: Trevor Cleveland)
Konsep Pertama - Menu. (Sumber Gambar: Trevor Cleveland)
Konsep Kedua - Halaman Utama. (Sumber Gambar: Trevor Cleveland)
Konsep Kedua - Menu. (Sumber Gambar: Trevor Cleveland)
Konsep Ketiga - Halaman Utama. (Sumber Gambar: Trevor Cleveland)
Konsep Ketiga - Menu. (Sumber Gambar: Trevor Cleveland)
Konsep desain Oleh: Maurice Kindermann
Tidak ada upaya mendesain ulang jika tidak ada masalah dalam desain saat ini, desain Amazon Maurice Kindermann adalah contoh terbaik untuk kasus ini. Kecewa dengan desain Amazon saat ini, Maurice mendesain ulang halaman untuk menyelesaikan tiga masalah khusus: resolusi layar yang terlalu luas, pilihan pembelian yang terpecah-pecah dan jumlah konten yang membanjiri.
Halaman Utama. (Sumber Gambar: Maurice Kindermann)
IMDb
Diklaim sebagai situs film terbesar, terbaik, dan paling memenangkan penghargaan di planet ini, IMDb (Internet Movie Database) adalah basis data daring tentang informasi yang berkaitan dengan film, acara televisi, aktor, personil kru produksi, permainan video dan karakter fiksi yang ditampilkan dalam media hiburan visual. Mendesain ulang situs ini dengan cara yang menunjukkan informasi secara efektif akan menjadi tantangan besar bagi para desainer web.
Konsep desain Oleh: Vladimir Kudinov
“Mengapa tidak memiliki desain IMDB saat ini? Itu kelebihan beban. Sejumlah besar informasi tidak terstruktur. Sementara sebagian besar pengguna situs tersebut memperhatikan terutama gambar, video, dan lainnya.
Jadi saya melakukan desain yang bersih dan ramping. Di sini, pengguna menerima layar di mana ada informasi tentang film: foto, aktor, trailer, jalan cerita, dan banyak lagi. Dia tidak harus memutar, memutar, membaca. Semua yang diperlukan - adalah melihat layar.”
Halaman Film. (Sumber Gambar: Vladimir Kudinov)
Menu. (Sumber Gambar: Vladimir Kudinov)
Komponen Pop Up Player. (Sumber Gambar: Vladimir Kudinov)
Panel Atas. (Sumber Gambar: Vladimir Kudinov)
Konsep desain Oleh: Rob Hendricks
“Tidak sulit untuk melihat mengapa situs web IMDB saat ini sangat berantakan. Faktanya adalah mereka memiliki BANYAK konten. Arsitektur informasi yang tepat adalah kunci dalam mengubah ini.”
Halaman Utama. (Sumber Gambar: Rob Atomic)
Empat persegi
Dengan Foursquare, pengguna dapat berbagi lokasi mereka saat ini dengan “check in” melalui aplikasi smartphone atau SMS, membookmark informasi tentang venue dan meninggalkan saran yang relevan tentang venue terdekat. Pedagang lokal juga menggunakan Foursquare untuk menarik dan mempertahankan pelanggan mereka. Mendesain ulang untuk Foursquare benar-benar menantang karena merupakan layanan yang sepenuhnya unik sehingga diperlukan lebih banyak studi.
Konsep desain Oleh: Clay Parker Jones
Clay Parker Jones percaya bahwa peta adalah tambahan yang bagus untuk halaman pengguna Foursquare karena layanan ini semua tentang lokasi. Mengklik peta akan menciutkan statistik informatif dengan 4 tampilan berbeda yang tersedia. Pengaya lain untuk halaman ini adalah feed, suka, tips dan saran, sangat mirip dengan halaman jejaring sosial biasa!
Halaman Pengguna. (Sumber Gambar: exitcreative)
Refleksi
Tidak masalah dengan desain, setiap pengguna membutuhkan waktu untuk menyesuaikan desain baru. Pertanyaannya adalah, sebagai pengguna, apakah Anda ingin mengubah ke salah satu desain di atas, atau Anda baik dengan desain saat ini? Apakah Anda pikir desain ini menyelesaikan masalah pengalaman pengguna Anda? Saya percaya desain ini dibuat untuk menerima pendapat Anda, jadi silakan bagikan pendapat Anda tentang mereka, setiap pendapat penting!
