[Mobile] Redesign Homepage

[AtanMegis]

Deskripsi: Membuat template untuk Homepage dimana dalam satu screen device akan menampilkan satu feed item berita. Untuk melihat berita lainnya atau selanjutnya, user perlu melakukan swipe untuk ke halaman berikutnya yang berisi satu feed item berita juga. Secara default, satu feed akan mempunyai 15 feeds item. Jika 15 feeds item berita tersebut sudah dilihat oleh user, maka sistem akan memberikan 15 berita berikutnya dengan tambahan “/page-x” pada URL. Contoh proses load feed item:

• Saat URL Feed diakses feed yang di load terlebih dahulu adalah feed item 1 s/d 15
• Feed item ke 16 s/d 30 di load menggunanakan ajax, contoh: /ferdy-sambo/page-2

Isi dari satu berita tersebut adalah:

• Header → Logo trstdly
• Thumbnail berita:
  • Headline image
  • Title
  • Waktu berita dipublish (XX minutes ago)
  • Sinopsis (max 260 char, jika sinopsis yang didapatkan dari CMS > 260 chars, maka akan diberi “...”)
• Footer:
  • CTA → diarahkan ke detail berita yang ada saat ini

[AtanMegis]

done

[viorenparamitta]

Jenis template berita: Pada halaman homepage tidak terdapat judul tag/kategori

• Template berita 1:
  • Title
  • Waktu berita dipublish (XX minutes ago)
  • Headline image
  • Sinopsis (max 260 char, jika sinopsis yang didapatkan dari CMS > 260 chars, maka akan diberi “...”)
• Template berita 2:
  • Title
  • Waktu berita dipublish (XX minutes ago)
  • Sinopsis (max 260 char, jika sinopsis yang didapatkan dari CMS > 260 chars, maka akan diberi “...”)
  • Headline image
• Template berita 3:
  • Background orange
  • Headline image
  • Title
  • Waktu berita dipublish (XX minutes ago)
  • Sinopsis (max 260 char, jika sinopsis yang didapatkan dari CMS > 260 chars, maka akan diberi “...”)
• Template berita 4:
  • Title
  • Waktu berita dipublish (XX minutes ago)
  • Sinopsis (max 260 char, jika sinopsis yang didapatkan dari CMS > 260 chars, maka akan diberi “...”)
  • Headline image
• Template berita 5:
  • Headline image
  • Title
  • Waktu berita dipublish (XX minutes ago)
  • Sinopsis (max 260 char, jika sinopsis yang didapatkan dari CMS > 260 chars, maka akan diberi “...”)

[viorenparamitta]

Adjusment UI/UX Design for trstd.ly --> https://www.figma.com/file/GKUkuIxkLIWshQNs98YekP/%5Btrstd.ly%5D-Redesign-Index-Page?node-id=0%3A1

Burger menu yang digunakan pada lightmode adalah burger menu 2 Burger menu yang digunakan pada darkmode adalah burger menu 1

Isi dari burger menu adalah FE menu dan trending tag.

[viorenparamitta]

Terdapat beberapa masukan, seperti:

• Merapikan layout pada template berita 2 (sinopsis berita dibuat sama rata dengan konten lainnya)

• Homepage tidak perlu menampilkan kategori/tag, cukup dihalaman index tag/kategori
• Template berita 3 menggunakan background warna FCAD97