a woman smiling for a picture

elfo

software service
Intermediate
complexity

A Fresh Look, A Wider Reach.

Open live project

Branding

UIUX Design

Interactions

elfo is a Malaysian-based digital marketing agency offering integrated platforms and services such as digital advertising, email marketing, and omnichannel messaging. Our design goal was to position elfo as a modern, trustworthy, and tech-savvy brand while ensuring clarity and usability across a wide range of service offerings.

Before revamp (left) vs After revamp (right)
Three brand moodboard variations for client to choose from
  • Professional Visual Identity: Refreshed the design language to reflect elfo’s tech-forward brand with clean layouts, vibrant accents, and bold typography.
  • Scalable Design System: Built a modular design system in Figma to ensure scalability and ease of implementation for their internal development team.
Expanding the design to cover across different software product offerings
  • Improved Content Hierarchy: Reorganized service offerings into digestible sections to help users quickly understand elfo’s capabilities.
  • Conversion-Focused Layouts: Designed landing and service pages with prominent CTAs, persuasive messaging, and social proof to drive leads.

We adopted a human-centered and collaborative design process to meet both business objectives and user expectations.

  • Stakeholder Workshops: Conducted discovery sessions to understand elfo’s service pillars, target personas, and content priorities.
Conducting discovery session with the clients
  • UX Strategy & Wireframing: Created low-fidelity wireframes to plan site structure and key user flows.
  • UI Design in Figma: Delivered high-fidelity mockups and a reusable design system, complete with responsive layouts and handoff-ready components.
  • Developer Handoff: Worked closely with elfo’s internal dev team to ensure smooth handoff through annotated files and spec documentation.

Stronger Brand Cohesion

The redesigned visuals aligned closely with elfo’s growing suite of services, unifying their digital presence under one modern identity.

Improved Internal Implementation

The detailed design system accelerated development time and ensured UI consistency across pages.

Improved Speed Score

By applying performance-conscious design choices—such as optimized layout structures, SVG-based icons, and minimal third-party dependencies—the development team achieved a higher PageSpeed score after implementation.

Greatly improved the speed score of the site by reducing redundant assets

Positive Stakeholder Feedback

The client praised the clarity, usability, and flexibility of the designs, highlighting its alignment with their long-term digital goals.

Future-Ready Foundation

The Figma system created is adaptable for future page additions, marketing campaigns, and platform integrations.

a cartoon character flying in the aira woman with her arms crossed
a building with a balcony and a sign
next Case study

Souled Out

explore