DSHallmark Website Redesign - WordPress Website
Abdullahi Babatunde
Client: Dio Santo Hallmark One Limited
Industry: Global Business Facilitation, Procurement & Corporate Consultancy
Role: Lead UI/UX Designer & WordPress Developer
Tools & Stack: Figma, WordPress, Elementor Pro, Responsive CSS
Timeline: 4 Weeks
Former Website
Executive Summary
Established in 2008, Dio Santo Hallmark One Limited is a corporate advisory and facilitation firm catering to international organizations and enterprise clients. Their core competencies encompass business facilitation, brokerage, strategic consultancy, contract negotiation, project management, and global procurement/sourcing.
To reflect their long-standing industry authority and expand their cross-border engagement, the firm required a modern, comprehensive digital overhaul. This project transitioned Dio Santo Hallmark One from an outdated digital footprint to a sleek, minimalist, and responsive web platform designed to establish instant corporate trust, clarify complex multi-tiered services, and accelerate high-value contract inquiries.
Homepage Design
The Challenge
Despite nearly two decades of operational excellence and international brokerage delivery, the existing digital presence failed to communicate the company’s enterprise capabilities:
Visual Incongruity: The previous interface lacked the executive polish expected by multinational stakeholders, investors, and procurement partners.
Information Architecture Bottlenecks: A diverse array of offerings ranging from contract negotiation to supply-chain sourcing were clumped together, resulting in cognitive overload and low visitor retention.
Suboptimal Lead Pathways: Prospective institutional clients faced fragmented inquiry funnels, lacking clear paths to request proposals or schedule high-level consultations.
Mobile Responsiveness Deficits: Inconsistent layout behavior across handheld devices reduced engagement among mobile executive decision-makers.
Homepage Video
Strategic Objectives
Modern Minimalist Visual Language: Craft an uncluttered, high-end corporate aesthetic using ample negative space, clean typography, and a deliberate palette that evokes stability, integrity, and global reach.
Clear Service Taxonomy: Restructure content architecture to present six primary service pillars with dedicated clarity, ensuring international clients instantly grasp the firm's breadth of services.
Frictionless Executive Funnels: Implement intuitive, multi-point inquiry forms and consultation request triggers to capture enterprise leads seamlessly.
Performance & Scalability: Build a lightweight, easily maintainable content engine on WordPress using Elementor Pro, allowing internal teams to manage corporate updates effortlessly.
Design & Engineering Process
1. Research & Information Architecture (Figma)
Conducted competitor benchmarking within the international trade facilitation and corporate advisory sectors.
Mapped user personas focusing on two primary segments: Multinational Enterprises seeking local market entry/procurement, and Institutional Partners requiring contract mediation and project supervision.
Designed a streamlined information architecture in Figma, developing wireframes and responsive prototypes centered around minimalism: generous white space, bold editorial typography, and structured content modules.
Hero Section
2. UI/UX Refinement
Typography: Paired a commanding modern sans-serif for headlines with a highly legible geometric body font to ensure corporate readability across all screen resolutions.
Color Hierarchy: Anchored by deep slate and corporate navy tones representing dependability, balanced by crisp white space and subtle metallic accents to convey prestige.
Visual Restraint: Replaced generic stock graphics with sharp, contextual architectural and enterprise imagery, clean iconography, and structured data tables.
3. Development & Customization (WordPress & Elementor Pro)
Translated high-fidelity Figma components into custom, reusable Elementor templates adhering to strict semantic HTML conventions.
Employed lean styling, clean DOM structures, and deferred script loading to guarantee rapid page delivery.
Configured dedicated interactive modules for each service pillar, enabling prospects to review engagement models and direct inquiry workflows without leaving the service view.
Key Solutions & Features
Legacy & Credibility Header: Prominently highlights the firm’s heritage (Est. 2008), reinforcing trust and stability immediately above the fold.
Structured Service Matrix: Modular cards break down the company’s multifaceted offerings:
Business Facilitation & Brokerage
Corporate Consultancy
Contract Negotiation
End-to-End Project Management
Global Procurement & Strategic Sourcing
Executive RFP Gateway: Custom-tailored contact forms equipped with conditional routing, allowing international clients to categorize their project needs (e.g., procurement vs. dispute/negotiation) for swift routing to relevant partners.
Fully Fluid Responsiveness: Adaptive layouts engineered across desktop, tablet, and mobile breakpoints to provide a uniform, executive-level browsing experience.
Results & Impact
Enhanced Brand Authority: Delivered a digital presence consistent with a premier corporate advisory firm handling cross-border engagements.
Improved User Engagement: Streamlined navigation and structured content modules reduced bounce rates and improved average dwell time across service pages.
Higher-Intent Inquiries: Standardized inquiry fields and strategic CTA placements increased direct consultation requests and proposal solicitations.
Empowered Content Management: WordPress and Elementor Pro integration provided internal stakeholders with total autonomy over company news, services, and corporate disclosures.
Like this project
Posted Sep 10, 2026
Dio Santo Hallmark One Limited is a corporate advisory and facilitation firm catering to international organizations and enterprise clients.
