Requirements Document For BCA Revamp - Wireframes

WIREFRAMES
Component ID Image Items

1.1.0.0 Header - Home
1. Logo BCA
2. Menu Level 1
3. Pilihan Bahasa (Indonesia/Inggris)
4. Banner Halo BCA
5. Kolom Pencarian
6. Menu Level 2
7. Banner BCA Prioritas
8. Icon Kategori Produk
9. Menu Level 3
1.2.0.0 Header - Non Home

1. Logo BCA
2. Menu Level 1
4. Banner Halo BCA
5. Menu Level 2
7. Icon Kategori Produk
8. Menu Level 3
9. Kolom Pencarian
10. Icon Tutup Pencarian
1.3.0.0 Header - Menu Kartu Kredit
1. Logo BCA
2. Menu Level 1
4. Banner Halo BCA
5. Menu Kartu Kredit Level 2
2.1.0.0 Side Widget

1. KlikBCA
2. Kurs Mata Uang
3. Contact Us
4. Lokasi
5. Share
2.1.1.0 Side Widget - Klik BCA

1. Icon KlikBCA
2. Teks KlikBCA
2.1.2.0 Side Widget - Kurs BCA
1. Icon Kurs BCA

2. Teks Kurs BCA
3. Judul
4. Tanggal & jam update Kurs BCA
5. Tabel Nilai Kurs BCA
6. Button link halaman Kurs BCA
7. Button close
2.1.3.0 Side Widget - Kontak BCA
1. Icon Kontak BCA

2. Teks Kontak BCA
3. Judul
4. Teaser
5. Daftar pertanyaan umum
6. Button link halaman kontak BCA
7. Button close
2.1.4.0 Side Widget - Lokasi BCA
1. Icon Lokasi BCA

2. Teks Lokasi BCA
3. Judul
4. Informasi lokasi kantor cabang / ATM
BCA Terdekat dari lokasi user
5. Informasi lokasi berupa peta
6. Button link halaman Lokasi BCA
7. Button close
2.1.5.0 Side Widget - Share Page
1. Icon Share
2. Teks Share
3. Judul
4. Pilihan channel social media untuk
sharing content
5. Button close
2.2.0.0 Side Widget - Back to Top
1. Icon Back to Top
2.3.0.0 Breadcrumb
1. Link Breadcrumb
3.0.0.0 Footer
1. Informasi OJK
2. Link footer halaman tertentu
3. Informasi hak cipta/milik website BCA
4.0.0.0 Kontak BCA - Shortcut

1. Judul
2. Teaser
3. Icon pilihan kontak BCA
5.1.1.0 Banner - Header Homepage
1. Image banner header
2. Judul banner
3. Teaser berupa informasi singkat
mengenai banner
4. Button link ke halaman detail
5. Banner slider
5.1.2.0 Banner - Header Menu / Sub menu / Index Kategori Produk

2. Judul banner
mengenai banner
4. Button link ke halaman detail #1
6. Banner slider
5.1.3.0 Banner - Header Produk

2. Judul banner
mengenai banner
5.1.4.0 Banner - Banner Header Kartu Kredit

1. Image banner Corporate Value #1
2. Judul Corporate Value #1
3. Teaser Corporate Value #1
10. Judul Banner KlikBCA
11. Teaser banner KlikBCA
12. Tombol link KlikBCA
5.1.5.0 Banner - Corporate Value & KlikBCA

10. Judul Banner KlikBCA
11. Teaser banner KlikBCA
12. Tombol link KlikBCA
Link To
Personalized
Behaviour Content Type Information Architecture Use Case Layout Design Integration Points
Component
Clickable No Image
Clickable No Text
Selection No Text
Clickable (only on mobile) No Text
Input No Text
Clickable No Text
Clickable No Text
Changeable No Image
Clickable No Text
Forum Use Case Diagram
Clickable No Image
Clickable No Text
Selection No Text
Clickable (only on mobile) No Text
Clickable No Text
Clickable No Text Forum Use Case Diagram
Changeable No Image
Clickable No Text
Input No Text
Clickable No Image
Clickable No Image
Clickable No Text
Selection No Text
Clickable (only on mobile) No Text Forum Use Case Diagram
Clickable No Text
Clickable No Text
Hover & Clickable No Image & Text


Hover & Clickable No Image
Static No Text

Static No Text
Static No Text
Changeable No Text
Changeable No Text
Changeable No Text
Clickable No Text / image Forum Use Case Diagram

Static No Text
Static No Text
Changeable No Text
Changeable No Text
Changeable No Text
Clickable No Text / image

Static No Text
Static No Text
Changeable No Text
Changeable No Text
Changeable No Text

Static No Text
Static No Text Forum Use Case Diagram
Changeable No Text
Clickable No Text
Static No Text / image

Clickable No Text
Static No Text
Static No Text
Changeable No Text
Clickable No Image
Changeable No Image
Changeable & Clickable No Text
Changeable No Text
Clickable No Text
Clickable No Text
Changeable No Image
Changeable No Text
Clickable No Text
Clickable No Text
Clickable No Text
Changeable No Image
Changeable No Text
Clickable No Text
Clickable No Text
Changeable & Clickable No Image

Changeable & Clickable No Image Forum Use Case Diagram
Changeable No Text
Changeable No Text
Clickable No Text

Changeable & Clickable No Image Forum Use Case Diagram
Changeable No Text
Changeable No Text
Clickable No Text

Requirements Document For BCA Revamp - Wireframes

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Requirements Document For BCA Revamp - Wireframes

Hochgeladen von

Copyright:

Verfügbare Formate

WIREFRAMES

Component ID Image Items

1.2.0.0 Header - Non Home

2.1.0.0 Side Widget

2.1.1.0 Side Widget - Klik BCA

2.1.2.0 Side Widget - Kurs BCA

1. Icon Kurs BCA

2.1.3.0 Side Widget - Kontak BCA

1. Icon Kontak BCA

2.1.4.0 Side Widget - Lokasi BCA

1. Icon Lokasi BCA

2.1.5.0 Side Widget - Share Page

1. Icon Back to Top

4.0.0.0 Kontak BCA - Shortcut

5.1.2.0 Banner - Header Menu / Sub menu / Index Kategori Produk

5.1.3.0 Banner - Header Produk

5.1.4.0 Banner - Banner Header Kartu Kredit

5.1.5.0 Banner - Corporate Value & KlikBCA

Forum Use Case Diagram

Hover & Clickable No Image & Text

Forum Use Case Diagram

Forum Use Case Diagram

Hover & Clickable No Image

Hover & Clickable No Image

Hover & Clickable No Image

Forum Use Case Diagram

Hover & Clickable No Image

Forum Use Case Diagram

Static No Text / image

Changeable & Clickable No Image

Changeable & Clickable No Image

Das könnte Ihnen auch gefallen