![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/ef4e371785e7945a7a300618a71475d14b4d70ddd490fe6cd5f0c46e1df68f17e9739e5e3d56e89f_rw_1920.gif?h=c3f09751de8aa7a6dc74ce98ffb3c73b)
When I started to work in Checks and Balances Network as a visual director, their website was a nightmare! I offered to work with an UX lab and contacted with one; however, I have learned that they have no budget, time and energy for a totally new website. Since it was a non profit organization, the process was quite different than any other place.
I worked on what I can do for the website as a designer. My first focus was to make the website at least have a clean UI. I focused on how to create a change and value for the organization via website.
The other problem about the website was its structure. Since it was not a good designed website in terms of front end and backend, the latest digital consultant of the NGO was not eager to make any intervention to the website.
When I inspect the website, I have seen a retouch/ repair on the UI may solve some of the problems of the website. Through the process, I got the support of some people in the office and I also tried to convince some for change.
This is the process gif of my quick edits on the website. There were many unnecessary details on the website.
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/0c5d6303eb78df1e144426f18bfc298e2de9cf67289736ffca74879d2654e932388d8af70b804335_rw_1920.gif?h=2856729bd30e0ebe33b168fb853ed17e)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/611721ac61680c62018a3b31003672344a90d972052599bcae7521c4dc7ffd4b959d15c13f4b7c9d_rw_3840.jpg?h=c5b4c8aab35c31a5bd250a8ba78aabf5)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/92c1362e1f1cccd9645812eebf6ce5abf05605bdc0634e57c99437ea4b51c7d96b9fd0340861a745_rw_3840.jpg?h=e459f3fc7262f37155b56703a5f08abc)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/0ffeb29b12d72f06d4d36d22bceefe41cfefc9b66acee2d5eda71afdfa41f993495784dc48f1e828_rw_1200.gif?h=a55086767bae012571d12c1586982d97)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/ecc5b4ac808903413a2b6061b48b20e958d5ad03a581cae9e81420a8193ac44894cb0e87e9cc1f33_rw_3840.jpg?h=2ea1452090da477af18101712928986d)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/5a5aa6b0771411241308d50257bf8183cc7041109ba2a9c3c4296ec8c889a0626d72eaf81141f124_rw_3840.jpg?h=365e8d08a1b31be3c621adb045bf9f91)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/e9555f2f00d2b642d6d5839064534aebfdbe0b989b387af1e1032b1a1251563e7c679da5705f8177_rw_3840.jpg?h=b1f7bd3a919ad850a05a5e2e315456f1)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/e6ba7da07bef1c0f60499568fc8fe11d98bc059ebdce115b7030b81d13e43bc887d9f127b0a1b28b_rw_3840.jpg?h=93ab87ec11aca66bb6bb6ffbfb581751)
PROCESSING OF CARD VISUALS
I also developed a standard and pattern in terms of dimensions and colors for the card covers in order to provide a consistency and for the home page. Actually I did thise before the changes on UI. This worked on even that background.
This shows the process:
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/31c5378d40695a36893b7a960cb3f4b7ea902325d7c499317539fbbac4df458c843bbc21d841eb65_rw_1200.gif?h=4184e276eafe378d4a61bc26fdc4afc4)
THE FINAL
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/b592568f7c6f86005eddf01957f55bf79751014674c8d16873e4708e4cd16708ea6b0e192d83409c_rw_1920.gif?h=636704273b0006af6ea31ec81e431baa)
![](https://cdn.myportfolio.com/f152239ece1d7fa079022dd660dbef4a/72e0aed0e4baeef9628f62ca63d248a05d9b3e782610110533a3bc34efce78131184d1353e3c68ec_rw_3840.jpg?h=c70dee150780d698e2524eeb8a89fe32)