Redesign Newsletter
Redesign Newsletter
Redesign Newsletter


Overview
Overview
Overview
Sekilas informasi mengenasi design newsletter ini, newsletter ini diperuntukan untuk customer harian kompas yang sudah terdaftar pada aplikasi harian kompas baik yang sudah berlangganan maupun belum. Tujuan dari newsletter ini adalah untuk memberikan informasi seputar ePaper harian kompas yang diberikan pada email customer.
Sekilas informasi mengenasi design newsletter ini, newsletter ini diperuntukan untuk customer harian kompas yang sudah terdaftar pada aplikasi harian kompas baik yang sudah berlangganan maupun belum. Tujuan dari newsletter ini adalah untuk memberikan informasi seputar ePaper harian kompas yang diberikan pada email customer.
Sekilas informasi mengenasi design newsletter ini, newsletter ini diperuntukan untuk customer harian kompas yang sudah terdaftar pada aplikasi harian kompas baik yang sudah berlangganan maupun belum. Tujuan dari newsletter ini adalah untuk memberikan informasi seputar ePaper harian kompas yang diberikan pada email customer.
Brainstorming
Brainstorming
Brainstorming
pada tahap brainstorming tentunya harus dilakukan diawal, dengan tujuan untuk mencari ide ide baru dalam mebuat design yang sesuai dengan panduan UX. Karena ini merupakan design newsletter yang dimana berisikan terkait informasi aplikasi dan ePaper maka tidak banyak button yang bisa di klik seperti design aplikasi. Dalam brainstorming ini, saya menemukan beberapa contoh newsletter dari beberapa perusahaan yang dapat dijadikan sebagai referensi, berikut untuk beberapa referensi yang ditemukan.
pada tahap brainstorming tentunya harus dilakukan diawal, dengan tujuan untuk mencari ide ide baru dalam mebuat design yang sesuai dengan panduan UX. Karena ini merupakan design newsletter yang dimana berisikan terkait informasi aplikasi dan ePaper maka tidak banyak button yang bisa di klik seperti design aplikasi. Dalam brainstorming ini, saya menemukan beberapa contoh newsletter dari beberapa perusahaan yang dapat dijadikan sebagai referensi, berikut untuk beberapa referensi yang ditemukan.
pada tahap brainstorming tentunya harus dilakukan diawal, dengan tujuan untuk mencari ide ide baru dalam mebuat design yang sesuai dengan panduan UX. Karena ini merupakan design newsletter yang dimana berisikan terkait informasi aplikasi dan ePaper maka tidak banyak button yang bisa di klik seperti design aplikasi. Dalam brainstorming ini, saya menemukan beberapa contoh newsletter dari beberapa perusahaan yang dapat dijadikan sebagai referensi, berikut untuk beberapa referensi yang ditemukan.



Design
Design
Design
Sebelumnya design newsletter sudah dibuatkan oleh tim marketing, tetapi terdapat revisi total dikarenakan design, sehingga untuk pengerjaan design newsletter ini diberikan kepada tim product designer. berikut design awal yang sudah dibuat :
Sebelumnya design newsletter sudah dibuatkan oleh tim marketing, tetapi terdapat revisi total dikarenakan design, sehingga untuk pengerjaan design newsletter ini diberikan kepada tim product designer. berikut design awal yang sudah dibuat :
Sebelumnya design newsletter sudah dibuatkan oleh tim marketing, tetapi terdapat revisi total dikarenakan design, sehingga untuk pengerjaan design newsletter ini diberikan kepada tim product designer. berikut design awal yang sudah dibuat :
Re-design
Re-design
Re-design
Untuk Re-design dari newsletter sebelumnya, untuk copywriting sudah ada dan panduan mengenai isi dari newsletter itu sendiri juga sudah ada, jadi disini saya hanya mengubah letak dan color dari newsletter itu sendiri. untuk icon saya ambil dari flaticon, untuk asset lainnya didapat dari mas dani selaku UI Designer Harian kompas yang membantu menyediakan asset pada newsletter.
Untuk Re-design dari newsletter sebelumnya, untuk copywriting sudah ada dan panduan mengenai isi dari newsletter itu sendiri juga sudah ada, jadi disini saya hanya mengubah letak dan color dari newsletter itu sendiri. untuk icon saya ambil dari flaticon, untuk asset lainnya didapat dari mas dani selaku UI Designer Harian kompas yang membantu menyediakan asset pada newsletter.
Untuk Re-design dari newsletter sebelumnya, untuk copywriting sudah ada dan panduan mengenai isi dari newsletter itu sendiri juga sudah ada, jadi disini saya hanya mengubah letak dan color dari newsletter itu sendiri. untuk icon saya ambil dari flaticon, untuk asset lainnya didapat dari mas dani selaku UI Designer Harian kompas yang membantu menyediakan asset pada newsletter.



Wireframe
Wireframe


Iterasi Design I
Iterasi Design I
Pada Iterasi design pertama, isi konten dan copywriting sudah disesuaikan, tetapi pada design ini ternyata pada color nya cukup kurang sesuai sehingga membutuhkan iterasi design selanjutnya untuk dilakukan kombinasi ulang terkait peletakan dan warna yang dipakai.
Pada Iterasi design pertama, isi konten dan copywriting sudah disesuaikan, tetapi pada design ini ternyata pada color nya cukup kurang sesuai sehingga membutuhkan iterasi design selanjutnya untuk dilakukan kombinasi ulang terkait peletakan dan warna yang dipakai.
Pada Iterasi design pertama, isi konten dan copywriting sudah disesuaikan, tetapi pada design ini ternyata pada color nya cukup kurang sesuai sehingga membutuhkan iterasi design selanjutnya untuk dilakukan kombinasi ulang terkait peletakan dan warna yang dipakai.


Iterasi Design II
Iterasi Design II
Pada Iterasi design kedua, design dan warna yang digunakan lebih disesuaikan, dengan memakai satu warna, tetapi terlihat lebih gelap, sehingga dilakukan lagi iterasi ketiga untuk disesuaikan warna yang digunakan pada iterasi pertama dengan iterasi kedua.
Pada Iterasi design kedua, design dan warna yang digunakan lebih disesuaikan, dengan memakai satu warna, tetapi terlihat lebih gelap, sehingga dilakukan lagi iterasi ketiga untuk disesuaikan warna yang digunakan pada iterasi pertama dengan iterasi kedua.
Pada Iterasi design kedua, design dan warna yang digunakan lebih disesuaikan, dengan memakai satu warna, tetapi terlihat lebih gelap, sehingga dilakukan lagi iterasi ketiga untuk disesuaikan warna yang digunakan pada iterasi pertama dengan iterasi kedua.
Final Design
Final Design
Final Design
Typography
Typography

Colorgraphy
Colorgraphy
Colorgraphy

Portofolio 2023
Anggithala