BSP Website CMS is a platform that allows authorized admins to take control of website content, such as news, media, speeches, magazines, and more. In this role, I was responsible for the CMS UI, including aspects like brand colors, icons, and user experience.
I worked closely with developers to ensure a seamless transition from design to development. For this project, I experimented with various design approaches, such as using vertically-oriented color shapes in the login page and side menu. However, I made sure to maintain consistency with the overall design language by closely aligning most elements with their respective styles.
The images below depict the current working development version rather than a mockup, as viewed on a desktop.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_session_login-A0x4XkJo6RIyyv14.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_icv_news-YKbog0k2J5Sb6Pzj.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_dashboard-ALpXgVkDrGIZQJbl.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_speeches-A0x4XkJ2zBuJ1EN9.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_salam-magazine-YNqXg5kZ46C6X6Ea.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_featured-stories_edit_10-AR0lgZk5VjSEZgnX.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_featured-stories-1-mp8XKkEez9TpWR3q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_banner-m2WbXgwollIqBza8.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_useraccount-mv0xK369jpcDx2K2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_icv_icv-opportunities-m7VEXy4BOXu4XJXn.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_speeches_create-Yg21KGegq5CG7xDJ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_salam-magazine_create-meP3KeZ0q8ie0Ojw.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_notices-YleLKExD0nsZ33oM.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_featured-stories-mnl7KNjZ4nuEVW2Z.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_banner_create-Aq20Kl71yBSpqQG2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_session_login-A0x4XkJo6RIyyv14.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_icv_icv-opportunities-m7VEXy4BOXu4XJXn.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_speeches-A0x4XkJ2zBuJ1EN9.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_notices-YleLKExD0nsZ33oM.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_featured-stories-1-mp8XKkEez9TpWR3q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_useraccount-mv0xK369jpcDx2K2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_dashboard-ALpXgVkDrGIZQJbl.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_salam-magazine_create-meP3KeZ0q8ie0Ojw.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_featured-stories_edit_10-AR0lgZk5VjSEZgnX.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_banner_create-Aq20Kl71yBSpqQG2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_icv_news-YKbog0k2J5Sb6Pzj.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_speeches_create-Yg21KGegq5CG7xDJ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_salam-magazine-YNqXg5kZ46C6X6Ea.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_featured-stories-mnl7KNjZ4nuEVW2Z.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=404,fit=crop/AE0XJKWpMOu4ep6v/dev.dotrootbn.com_bsp-cms_cea_banner-m2WbXgwollIqBza8.png)