Back to work
//

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.

Fac Infoserver
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.

Fac Infoserver: logo, photo of a professional in a data center and the home on a laptop

(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.

Proof

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.

Offer

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.

Contact

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.

Fac Infoserver: landing page wireframes in perspective
Fac Infoserver: final landing page design on a laptop

(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.

Fac Infoserver: mobile version screens
Fac Infoserver: landing page on a phone over a desk

Next case

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

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