Transforming the Digital Presence of Transformation Experts

Project overview

ioTRANSFO is a consultancy firm specializing in experienced IT professionals — connecting clients with senior consultants who bring real transformation expertise.

Although their branding was still in development, the company wanted a modern, dark-themed website that immediately communicated credibility, expertise, and confidence.

I designed a complete website concept, including page structure, UX flow, and visual design, using a purple-blue palette as requested by the client’s marketing team.

The result: a refined, professional, and accessible dark interface that embodies experience, authority, and precision.

Challenges & constraints

The main challenge was to design an entire corporate website without an existing logo or finalized branding. The design needed to feel complete and cohesive despite these missing brand assets.

Additionally, ioTRANSFO’s CEO had limited availability, so I had to rely on self-direction — making strategic design decisions to ensure the outcome reflected their premium consulting image.

Project goals

Create a full, elegant website concept around the in-progress brand.
Showcase ioTRANSFO’s expertise and senior-level consulting through design.
Develop a dark, premium color scheme that stays readable and visually striking.
Build clear navigation and flow for services, case studies, and careers.

UX process

Research

I explored consultancy websites to identify visual patterns that convey trust and professionalism, while testing color contrast combinations for accessibility within a dark theme.

Wireframes

I built the site architecture from scratch — defining the homepage, service overviews, detailed cases, and recruitment flow (vacancies, job postings, and applications).

High-Fidelity Design

Every page was designed with precision, balancing the required purple and blue tones with clean white typography and strong visual hierarchy. Hover effects were added to bring subtle interaction and dynamism.

Developer Handoff Preparation

Since this was a mockup-only project, I optimized the files for developer use, structuring each section logically with component labels and responsive considerations.

Design solution

Full multi-page structure including Home, Services, Cases, About, and Vacancies.
Dark theme with purple-blue accents for a bold, tech-driven yet elegant feel.
Readable contrast ratios ensuring accessibility and visual comfort.
Custom grid and spacing system for modular, scalable layouts.
Hover effects and highlight states to provide interaction depth.
Career and vacancy pages designed to attract and guide senior IT professionals.
Placeholder logo integration that still feels consistent within the design language.