{"id":30880,"date":"2020-03-07T23:32:07","date_gmt":"2020-03-07T22:32:07","guid":{"rendered":"https:\/\/www.ideator.si\/?post_type=portfolio&p=30880"},"modified":"2026-01-12T11:25:52","modified_gmt":"2026-01-12T11:25:52","slug":"vepsi-secure-email-service-ux-ui","status":"publish","type":"portfolio","link":"https:\/\/davidpraznik.com\/en\/portfolio\/vep-si-varen-e-postni-portal\/","title":{"rendered":"Vep.si \u2013 Secure email service"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Vep.si\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Client
<\/strong>Eius d.o.o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Type of cooperation<\/strong>
Project work<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Main contributions
<\/strong>Information architecture, implementation process strategy, user experience (UX) definition, user interface (UI) design, design system, specification preparation and handover of design to development team, implementation review.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Role<\/strong>
Lead UX\/UI Designer, Consultant<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Solution presentation<\/h3>

Vep.si is an online service that offers a secure e-mail inbox for sending and delivering e-mail. The solution supports service in administrative proceedings (ZUP), service in court proceedings (ZPP and ZKP), sending and receiving mail by secure electronic means in accordance with the eIDAS regulation.<\/p>

\u00a0<\/p>

The company hired me as a UX\/UI designer and consultant because the existing version of their web application was already outdated and needed a complete overhaul. New features needed to be developed fully and backed up with a good user experience and a unified user interface. I improved and simplified the user flows, which made the application easier to use.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Process of implementation<\/h3>

Understanding needs and objectives<\/h5>

At the beginning of the project, we defined the key objectives together with the team, with the main focus on providing a secure and user-friendly environment for sending emails through the portal. I worked with key stakeholders to understand the exact technical requirements and user needs, including important security and legal aspects and new features.<\/p>

User research and competition analysis<\/h5>

To better understand users' expectations, we conducted an in-depth survey of users' needs and expectations for email security, where their support team joined in. I analysed competing secure email solutions, which helped me to identify key functionality and highlight opportunities for improvement.<\/p>

Creating user personas and design flows<\/h5>

Based on our research, we created typical personas representing different types of users, such as lawyers, entrepreneurs and government officials, who need a secure way to communicate. These fictitious personas helped us to design optimal user flows to ensure that the portal was easy to use while maintaining a high level of security.<\/p>

Wireframing and prototyping<\/h5>

I prepared and led the design of the basic wireframes, where we defined the structure and navigation of the portal. The aim was to create a user experience that is secure, intuitive and tailored to the user's requirements. The prototypes made it possible to make adjustments based on feedback.<\/p>

User Interface design (UI)<\/h5>

After validating the user flows, I focused on the visual design, where I chose a safe, secure and professional look for the portal. The core was the design system, where I created a user interface that was visually coherent and easy to use, using an appropriate colour scheme, readable typography and new icons.<\/p>

Collaboration with the development team and implementation<\/h5>

As head of the design process, I worked closely with the development team, which was outsourced during the design process. Due to their technical difficulties, I provided assistance to the front-end staff with experienced personnel to ensure a successful and quality implementation of the solutions. In doing so, I ensured that all UX\/UI guidelines and functionalities were followed and implemented correctly.<\/p>

Testing and iterations<\/h5>

After implementation, usability and UI testing was carried out to ensure that the portal meets user expectations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"featured_media":33226,"parent":0,"menu_order":5,"template":"","portfolio_category":[5],"class_list":["post-30880","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-portfolio"],"_links":{"self":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio\/30880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":6,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio\/30880\/revisions"}],"predecessor-version":[{"id":34622,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio\/30880\/revisions\/34622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/media\/33226"}],"wp:attachment":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/media?parent=30880"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio_category?post=30880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}