PENGANTAR

Pemerintah daerah dari kabupaten rokan hulu perlu perbaikan desain untuk situs web mereka
tentang tempat warisan lokal. Mereka membutuhkan Anda untuk meningkatkan dan memperbarui
desain tata letak dan antarmuka situs web. Pemerintah daerah perlu mengirimkan konten yang baik
kepada semua masyarakat sipil di kabupaten rokan hulu. Anda perlu mendesain tata letak dan situs
web untuk mereka dalam cara modern desain situs web.

Deskripsi proyek dan tugas

Tugas Anda merancang situs web baru dan membuat versi responsif baru yang dirancang
untuk bekerja pada beberapa perangkat dengan resolusi berbeda.
1. Membuat Desain web di photoshop
2. Konversi hasil desain photoshop ke HTML
Situs web yang responsif harus memberikan pengalaman menonton yang optimal bagi
pengguna yang mengakses situs web dengan komputer, tablet, atau smartphone.
Anda harus membuat logo tempat lawas. Anda juga harus menggunakan semua teks dan
informasi dari daftar teks yang sudah disiapkan oleh pemerintah daerah ke dalam desain baru.
Sementara semua informasi harus dimasukkan, tergantung pada pesaing untuk mengatur dan
mendesain bagaimana informasi disajikan dan diorganisir pada desain baru situs web. Anda dapat
menggunakan kreativitas Anda untuk membuat konten atau media tambahan jika diperlukan. Anda
juga dapat membuat perubahan pada semua gambar yang disediakan.
Anda harus membuat mock-up dari desain ulang Anda untuk disajikan dalam file individual untuk
setiap perangkat dan resolusi yang ditentukan (lebar x tinggi):
• Komputer - 1440 x 900 piksel
• Tablet - 768 x 1024 piksel
• Smartphone - 320 x 480 piksel
Resolusi di atas adalah format standar perangkat. Ruang tambahan dapat digunakan jika
diperlukan untuk mengilustrasikan bergulir atau menggesek seperti yang diperlukan oleh beberapa
perangkat. Jika Anda memasukkan menu atau fitur lain ke dalam desain Anda, Anda dapat
mengilustrasikannya dengan memasukkan tampilan tambahan, baik dalam desain atau dalam file
tambahan. Fitur dan fungsionalitas harus jelas, tidak ada instruksi tertulis yang diperbolehkan dalam
file mock-up.
Semua mock-up harus disajikan dalam ukuran piksel nyata dan harus menyertakan garis
merah, lebar kurang dari 3 piksel, yang menunjukkan resolusi tepi layar perangkat.
Desain halaman depan harus mengandung setidaknya semua informasi yang termasuk dalam situs
web asli. Tampilan komputer harus menggambarkan efek hover / mouse over. Ini adalah modul
desain, tidak ada pengkodean yang diizinkan dan semua interaksi harus terlihat dalam gambar
desain.
Desain Anda akan dinilai berdasarkan standar industri dan perlu memasukkan praktik terbaik
desain responsif.
Instruksi kepada Pesaing
 Simpan file Anda di direktori root Anda di server yang disebut "XX_Module_A"
di mana XX adalah nomor komputer Anda. Penamaan File:
- Komputer: XX_computer.png
- Tablet: XX_tablet.png
- Smartphone: XX_smartphone.png
• Anda dapat membuat gambar tambahan (opsional) per resolusi untuk menyorot elemen
tersembunyi, animasi atau informasi tambahan apa pun yang akan membantu dalam pengembangan
situs web.
- Penamaan file tambahan:
- Komputer: XX_computer_2.png, XX_computer_3.png
- Tablet: XX_tablet_2.png, XX_tablet_3.png
 Ponsel cerdas: XX_smartphone_2.png, XX_smartphone_3.png Simpan file sumber gambar ke
folder yang disebut "XX_source_files" di dalam folder "XX_Module_A". File sumber adalah
file yang berisi lapisan, file pengembangan, mis. .Psd / .ai / .jpg / .svg /…
Di bawah ini Anda dapat menemukan contoh tampilan komputer yang dapat dikirimkan :