Product Design · B2B
Turning 12 years of reputation into visible trust for people searching online
Strategy, information architecture and web identity for a company with no digital presence.

- Client
- Fac Infoserver
- Role
- UI/UX Designer
- Tools
- Figma
- Year
- 2025
Built with·WordPress, Elementor Pro
(01)
About the project
A lean project: fast discovery, fast decisions and a one-page site delivered in 10 days. Fac Infoserver had 12 years of reputation built on referrals and no way to be found or validated by anyone who didn't already know it. The work was to turn that reputation into visible proof for the lead who researches suppliers on their own, before asking for a quote.
- Problem
- A referral-dependent business, invisible in search
- My role
- UI/UX Designer, from discovery to final UI
- Constraint
- A one-page site, delivered in 10 days
- Expected outcome
- Being found and validated online by leads in active search
- Lead generation
- Proof of credibility
- Digital presence
- Design System
(02)
Fac Infoserver
Challenge
Fac Infoserver has more than 12 years of experience in IT infrastructure and has served over 500 companies. Despite its solid reputation, it had no digital presence.
Without an institutional website, the company faced digital invisibility, with clients unable to find or validate it online. Business generation depended entirely on referrals and third-party platforms, resulting in a constant loss of opportunities with leads in active search. On top of that, it struggled to position itself as a reference in the B2B IT market.

(03)
Design Process
With a short deadline, discovery was used to settle one question early: what does a lead who has never heard of Fac need to see before asking for a quote. The structural decisions came from that answer.
8 hours
Research
- Briefing
- Onboarding
20 hours
UX/UI Design
- Wireframe
- Layout Design
- Design System
10 hours
Development
- WordPress
- Elementor Pro Builder
2 hours
Optimization
- SEO
- Security
- Performance
Project context: 10 days, 40 hours and a team of 2.
(04)
Wireframe and UI
Decisions
Each block of the one-page answers a question the lead asks before requesting a quote. Three decisions guided the structure, from wireframe to final UI.
A lead in active search doesn't know Fac and needs to validate the company in seconds.
What I did
The numbers that used to travel only by referral (over 500 companies served, 12 years in the market, 100% warranty) are anchored in the hero, before any service description.
Someone comparing suppliers needs to know quickly whether Fac has the equipment they're looking for.
What I did
Solutions are organized by equipment category (servers, storage, switches and parts), with brands named and a dedicated call to action on each card.
Without a referral, the voice of a past customer is missing, and the first contact needs little friction.
What I did
Testimonials with name and title bring the referral onto the site. The closing combines a form and WhatsApp, with address and map as proof of a physical operation.


(05)
Design System
Color and Typography
#5573CD → #40A4DB
#FFFFFF → #D9D9D9
Syne
- Medium
- SemiBold
Plus Jakarta Sans
- Light
- Regular
- Medium
(06)
Delivery detail
Mobile
Built in WordPress with Elementor from the Figma file, with responsiveness tests on desktop, tablet and mobile before launch.


Next case
A guided five-step sign-up and a dashboard to run the community
