anggithala

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