Skip to content
Fatemeh Mousavi
IT Services & Software / Digital AgencyConcept Project

Web Design & Development Agency

A web platform designed to build B2B trust through clear technical and pricing transparency, frictionless OTP authentication, and a streamlined request-tracking workflow.

Web Design & Development Agency
Duration

2 Months

Role

Ux designer

Platform

Web

Tools

Figma · FigJam

Project Overview

This project focuses on designing a platform for a website design and development company. It directly addresses key B2B client concerns regarding pricing clarity, project timelines, and technical quality. The user experience is built around a streamlined request-to-dashboard workflow and fast OTP authentication, delivering a transparent and high-converting journey for potential clients.

Problem Statement

Problem Statement Most businesses distrust web development agencies due to hidden costs, vague timelines, and unreliable support. This opacity creates friction, leading clients to abandon requests. The core challenge was transforming this complex process into a clear, transparent, and trustworthy experience

Research

To understand the root causes of client distrust, we analyzed real user reviews and complaints about web development agencies. The research revealed four critical pain points: hidden costs and unclear pricing, unreliable project timelines, poor post-launch support, and lack of full code ownership. These insights directly shaped our information architecture, ensuring every user anxiety was proactively addressed through clear messaging and transparent workflows.

Benchmark
trust building and value proposition

User Personas

Name & Role: Reza Alavi | E-commerce Manager

Name & Role: Reza Alavi

E-commerce Manager

Seeking a high-performance, scalable custom e-commerce platform with optimized UX to attract investors. His primary pain points are hidden costs, budget overruns, and a post-launch drop in technical support and quality.


Sara Rezaei | Educational Infrastructure IT Director

Sara Rezaei

Educational Infrastructure IT Director

Aims to build a secure, stable platform integrated with internal LMS and automation systems.Her core pain points include server crashes during peak enrollment, lack of source code delivery, and poor accessibility compliance.


Ali Mohammadi | Enterprise Digital Project Manager

Ali Mohammadi

Enterprise Digital Project Manager

Focused on developing a highly secure enterprise portal with multi-level permissions integrated with CRM/ERP systems. His main concerns are security vulnerabilities, agencies failing to understand complex business logic, and unexpected costs for project changes.


Maryam Kazemi | International Trade Director

Maryam Kazemi

International Trade Director

Aims to launch a fast, multi-language platform compliant with international standards like GDPR. Her biggest worries are brand damage from poor machine translations, legal non-compliance penalties, and slow global loading speeds.


Arash Rad | Tech Startup Product Manager

Arash Rad

Tech Startup Product Manager

Needs a modern, scalable website optimized for conversion rate (CRO) that seamlessly integrates with their internal tech stack. His main pain points are outdated codebase delivery, lack of CRO-driven UX, and poor architectural scalability.


Nahid Parsa | Government Project IT Manager

Nahid Parsa

Government Project IT Manager

Tasked with delivering a digital platform meeting strict regulatory, compliance, and audit standards. Her major challenges include failing security audits, poor technical documentation, and agencies unfamiliar with complex government workflows.

Information Architecture

The IA is strategically structured to eliminate decision friction and build immediate trust for B2B clients, SaaS, and enterprise partners. Instead of standard corporate navigation, the sitemap prioritizes proof of capability, clear operational workflows, persona-tailored solutions, and strong legal/technical guarantees. Every branch guides users through addressing their specific technical, financial, and security concerns, ultimately funneling qualified leads toward a structured project consultation form.

Information Architecture & Risk-Mitigating Sitemap

Wireframes

wireframe
wireframe

Final UI Showcase

high-fidelity UI