Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zidanidros/tugas_dw_project_matkul__kelompok6

Portfolio Website Nodiessop.com
https://github.com/zidanidros/tugas_dw_project_matkul__kelompok6

Last synced: about 1 month ago
JSON representation

Portfolio Website Nodiessop.com

Awesome Lists containing this project

README 

        



# My Team

Husein Zidan          	- 4522210012 



Zahra Jane Arnecia 	   - 4522210028 



Raihan Alfisa Saugi	   - 4522210037 



Lutfiah Rizka S       	- 4522210019 



Yesi Agustin           - 4522210023 




# Product Profile



- Judul Website: Nodiessop.com



- Deskripsi Konsep Web:

 adalah brand pakaian lokal Indonesia yang terinspirasi dari mitologi Yunani dan budaya pop. Brand ini didirikan pada tahun 2020 oleh dua orang anak muda bernama Aryo dan Dimas.



# Inspirasi Kita

"Poseidon Reprisal" adalah sebuah merek yang menggambarkan keanggunan dalam harmoni yang sempurna. Dengan inspirasi dari mitologi Yunani kuno, merek ini menciptakan produk-produk yang memadukan keanggunan dewa laut, .



Poseidon Reprisal dikenal dengan gayanya yang edgy dan maskulin. Produk-produknya sering menampilkan desain yang berani dan unik, serta motif-motif yang terinspirasi dari budaya pop, seperti anime, manga, dan video game.



Target pasar utama Poseidon Reprisal adalah anak muda, pecinta budaya pop, dan orang yang menyukai gaya yang edgy. Brand ini ingin menciptakan produk yang stylish dan edgy, serta memiliki nilai-nilai yang kuat.



Dalam koleksi-koleksi eksklusifnya, Poseidon Reprisal menawarkan pilihan pakaian yang mencerminkan estetika yang tangguh dan megah. Setiap produknya dibuat dengan perhatian teliti terhadap detail dan kualitas, menjadikan merek ini sebagai simbol elegansi yang tak terkalahkan. Produk-produknya juga didesain untuk memberikan kenyamanan dan kepercayaan diri kepada setiap individu yang mengenakannya.

Poseidon Reprisal adalah pilihan sempurna bagi individu yang menginginkan tampilan yang mempesona, penuh daya tarik, dan bermakna. Bergabunglah dalam perjalanan melalui samudra gaya dengan Poseidon Reprisal  , dan temukan keajaiban di setiap koleksinya.

Copyright 2023


[Klik Untuk Melihat Referensi Website](https://shopee.co.id/shop/117301215)



# Struktur Website

Navigasi Utama:

index.html


- about us

- Contact

- Catalog

index.html


- Workshirt

- T-Shirt

- Crewneck

- Home



index.html


1. Home                     : Menampilkan Navbar, menampiilkan fitur search untuk pencarian produk, menampilkan laman utama pada website. 
 


2. Section Recomendation    : Menampilakan dan mengelompokan produk-produk yang di rekomendasikan



3. Section Blog             : Bagian ini berisi artikel tentang mitologi Yunani yang dikombinasikan dengan design produk yang tersedia.
 
 

4. Section  Catalog         : Berisi gambar dan informasi mengenai produk 
 


5. Section Review/Penilaian : Pengguna dapat mengomentari serta memberikan nilai terhadap produk yang telah dibeli 
 


7. Footer yang berisi Kontak, Informasi Web, Sosial Media Web, Article, Property : Memberikan informasi mengenai web, pelanggan dapat  menghubungi kami melalui kontak/Sosial media yang telah tersedia 
 



catalog.html


1. Home                     : Menampilkan Navbar, menampiilkan fitur search untuk pencarian produk, menampilkan laman utama pada website. 
 


2. Workshirt                : Menampilan product berupa kemeja yang biasa dipakai oleh para pekerja



3. T-Shirt                  : Menampilkan product berupa T-Shirt yang sangat cocok pemakaiannya bagi pengguna sehari hari

4. Crewneck                 : Menampilkan product berupa pakaian lengan panjang musim dingin sehari hari yang nyaman dan membuat penampilan lebih stylish

5. Footer yang berisi Kontak, Informasi Web, Sosial Media Web, Article, Property : Memberikan informasi mengenai web, pelanggan dapat  menghubungi kami melalui kontak/Sosial media yang telah tersedia 
 



# Fitur Khusus

1. Rekomendasi Produk     : Menampilkan gambar utama koleksi terbaru, pengenalan singkat tentang merek, dan tautan ke produk-produk terbaru. 
 


2. Catalog                : Menampilkan informasi mengenai gambar, nama dan harga produk 



3. Sosial Media           : Tautan ke akun media sosial kami sehingga pengguna dapat mengikuti kami dan berinteraksi dengan konten kami di platform lain. 



4.  Pencarian             : Pengguna dapat mencari produk tertentu berdasarkan kata kunci atau kategori.



5. Fitur Penilaian Review : Pembeli dapat mengomentari dan memberikan nilai terhadap produk yang dibeli.



6. Catalog   : Menampilkan seluruh produk kami yang tersedia.



 

 

# Design

- Detail Design :



  Pemilihan warna hijau karena agar lebih nyaman dipandang , dan dapat memberikan pengalaman baik bagi pengguna



  Pemilihan Font karena dapat terpadukan dengan baik dan solid pada tema warna website 



  Pemilihan logo petir karena berhubungan dengan konsep website 



 



- Font     :  Lexend



- Tema     : Portfolio UMKM



- Nama Web :  Nodiessop.com




# Detail

- html: dapat digunakan untuk menentukan struktur atau kerangka pada halaman web, seperti judul, paragraf, heading dan lainnya. 



- css : dapat digunakan untuk mengatur warna, font, dan gaya elemen-elemen lainnya yang telah dibuat di HTML dan akan berpengaruh terhadap tampilan website



- head: dapat berisikan informasi mengenai halaman web. 



- title: dapat digunakan untuk menentukan judul yang akan ditampilkan di tab browser. 



- body: merupakan  area utama halaman web yang berisi konten yang akan ditampilkan kepada pengguna. 



- header: dapat berisi elemen-elemen yang umumnya ditemukan di bagian atas halaman, seperti judul utama dan menu navigasi. 



- h1, h2: Ini adalah elemen heading atau judul dengan tingkat kepentingan yang berbeda. 



- nav: digunakan untuk menandai bagian navigasi situs web. 



- ul dan li: dapat digunakan untuk membuat daftar yang tak bernomor (unordered list). 



- div: digunakan untuk mengelompokkan bagian-bagian berbeda dari halaman web, seperti header, konten, dan footer. 



- a: digunakan untuk membuat tautan (link) ke halaman web lain atau ke dalam halaman yang sama. 



- p: Pada HTML dapat digunakan untuk menampilkan teks paragraf di halaman web. 



- img: pada HTML digunakan untuk menampilkan gambar pada halaman web. 



- home: merupakan area utama konten halaman web. 



- footer: Ini berisi informasi yang umumnya ditemukan di bagian bawah halaman, seperti informasi , contact dan sosial media web. 




# Design Figma

- [Klik Untuk Dapat Melihat Design Figma](https://www.figma.com/file/9vxrU6vDlCDt8PsD2P2dSk/DESAIN-WEB-E-COMMERCE?type=design&node-id=0-1&mode=design)