SAYFER
Sayfer is a cybersecurity consultancy focused on the Web3 and crypto sectors.
The company provides customized security solutions to address gaps often overlooked, helping organizations strengthen their security posture in these emerging technologies.
.png)
My Role at Sayfer
As the Lead UX/UI Designer at Sayfer, I was responsible for designing everything the company needed—from the website and internal systems to presentations and press materials.
A key part of my role was also designing a cohesive system that streamlined workflows and ensured a consistent user experience across all platforms, aligning with the company's mission in a highly technical and evolving industry.
Company needs
Emapthy
Design materials
Optimization & Engagement
Challenges in the Journey
Understanding THE COMPANY NEEDS
At Sayfer, a key challenge was balancing cybersecurity's technical demands with creating intuitive, user-friendly designs. I needed to ensure the design met security goals while communicating trust and professionalism to both highly technical and non-technical audiences.
improving existing flows and design materials
I focused on identifying areas that could use some improvement by gathering user feedback and digging into the pain points. My aim was to refine the existing designs and develop more effective, intuitive solutions while still honoring the established elements. This way, users could enjoy a smoother transition and greater satisfaction.
diverse audience
At Sayfer, I encountered the challenge of designing for a diverse audience.
Some projects were aimed at tech-savvy users, while others were more for those who weren’t from the tech world—like accountants, lawyers, and law enforcement professionals.
This meant I had to adapt the designs to ensure they resonated with everyone, regardless of their technical background.
Optimizing the Website for better Engagement
Improving the website to be more marketing-oriented aimed at attracting more clients. This involved creating a smoother user experience and ensuring that the messaging connected with potential customers. The goal was to create a friendly and inviting space that showcased what Sayfer has to offer while encouraging visitors to explore and engage with the services.
20% Increased conversion rate
To enhance user engagement and conversion rates, I implemented A/B testing on Sayfer's website to identify the most effective design for guiding visitors toward the call-to-action buttons.
Using Hotjar, I conducted A/B tests on various design elements—particularly on the homepage and services pages—including layout, call-to-action button placement, and content hierarchy.
Hotjar’s heatmaps, videos and click tracking provided visual data on user interactions with each layout. Our testing revealed that a streamlined homepage with a prominently placed call-to-action button led to a 20% increase in click-through rates.
This insight allowed us to optimize the site for clarity, driving higher engagement as users were more effectively guided to reach out or explore our services.
UI Challenges
Web3-Inspired Design
-
Utilized dark mode, gradient colors, and isometric graphics to convey a futuristic Web3 aesthetic.
-
Added subtle animations and micro-interactions for a dynamic yet user-friendly experience.
-
Followed familiar Web3 patterns like modular layouts and bold typography while creating a unique brand identity with custom design elements.
Building Trust
-
Showcased certifications, partnerships, and case studies to reinforce credibility.
-
Added a “Why Trust Us?” section highlighting Sayfer’s expertise and transparency.
-
Used clear, jargon-free messaging to emphasize security and accessibility for all audiences.
-
Featured testimonials, stats, and security badges, paired with clean, professional layouts.
Creating Diverse Digital Products
Corporate Website
I worked with a multidisciplinary team to design a responsive, visually engaging website for Sayfer, focusing on seamless navigation, accessibility, and a modern aesthetic that aligns with the brand's vision and goals.
Internal Web App
I designed an internal web application for Sayfer that is tailored to stakeholders such as law enforcement and accountants. This platform provides powerful analytical tools and real-time insights into blockchain transactions, enabling users to monitor compliance, investigate anomalies, and streamline reporting processes efficiently.
Visual Documentation
I created a suite of comprehensive templates for Sayfer that present complex audits and reports with effective data visualization. This approach ensures clear communication of critical information, enabling stakeholders to interpret and analyze data efficiently.
Ensuring Consistency Across Products
To ensure a seamless user experience, I developed a cohesive design system that standardized UI elements and visual styles. This consistency strengthened the brand identity and unified all Sayfer's digital products.
Research Techniques
Competitive Analysis
Identified industry standards, feature gaps, and opportunities for improvement.
Usability Testing
Conducted usability tests with internal users to gather feedback on early prototypes, identifying areas of confusion and inefficiency.
User Interviews
Held in-depth interviews with key stakeholders to understand their workflows, pain points, and specific needs