Digital Safety Hub Vietnam

This project is a Vietnam-based project born to fulfill the need for Digital Citizenship education for our youth beneficiaries. The growing cybercrime represented an urgent need that was covered by this portal.

The Problem

The audience evolved, thanks to different projects like Lamsaodevao, Chong hack, and others, the digital crime rate lowered in Vietnam. Now the portal has evolved into an organization that wants to attend personal digital safety threads and educate civil associations to be safe online, growing their scope and efficiency. I needed to create a portal, keeping most of the brand that can serve this purpose.

Target Audience

  • Young people in Vietnam from 15- 35 that use digital platforms on daily basis, (most of them do) 
  • Civil Associations interested in having a healthy digital presence diminishing the online risks, this activity brings to the table.

Split and conquer

After implementing a survey to a large group of young digital device users in Vietnam, we discovered most of them would like to have the option of having personal assistance for their digital hygiene, aside from the already successful content the portal shares and produce daily. The associations were interested in being audited and helped directly for safety implementation in their networks. 

In order to accomplish these different demographics was to split the site into two. Personal assistance will take you to a questionnaire to evaluate your digital hygiene behavior, and based on the answers the user will get personalized assistance, like push notifications, email reminders,  and will point them to the articles related to your level. 

I realized the website was made on Images that were linked, which made it awful when visited on mobile. I talked to the in-house developer so he could take over and do a full refactor for our new version, and make it mobile-first.


Cyberstar is the digital hygiene assessment methodology created by the SecDev Foundation, after more than 7 years of implementing digital safety and hygiene programs all over the world.

the CyberStar portal is an educational platform that will allow the methodology to spread in various regions in the world. On it first stage it is planned to work in Russian, Uzbek, Arabic, English, Vietnamese, Khmer and Spanish. 

The Problem

The platform needs to deliver specialized training to different audiences in multiple languages. the education has 2 categories, personal training, and special training to generate advocates of the technology, which will be certified to access and train other citizens. According to the founding agreement it needed to be launched very promptly be able to continue with the initiative. 


  • Delivery time. 
  • Complex navigation. it is a portal with many things. 
  • A lot of content to be organized and categorized. 

Iterations are the path to success

In order to launch the product on time, and not risk essential elements like digital security, The portal was divided into 3 stages, that would be launched progressively. 

Our first stage, a self-education portal. A simple magazine type of website that curates content related to digital hygiene and safety. The second stage would integrate, the individuals’ educations. Organized and guided education programs that if approved the user will be able to get a CyberSTAR certificate for free or to pay to a local university to validate the course and give them an official degree title. 

The wireframes were essential to test the site architecture of our first version.

I created directly a high-fidelity prototype, that was tested by the team and a small group of potential users.

I used the logo as a category split in order to solidify the asterisk as the Universal Cyberstar symbol.

Inspired by hospital navigation, I designed a color path web architecture, in which the user will always be aware of the general topic they are reading about.