Hiếu DéProduct Designer
Selected work

Selected work 03

Trudi Website

Showing the product through its website

I helped update Trudi’s visual direction and website, using motion to explain the platform’s features.

Role
UI Designer · Motion Designer · Illustrator
Dates
08/2023 – 11/2023
Type
Website · Property management
Team
Bui Quynh Anh, UI & Motion Designer; Phan Anh Hung, UI Designer & Illustrator

Introduction

Trudi is an AI-powered property assistant that centralizes incoming inquiries and tasks. Its website needed to communicate the platform’s growing capabilities.

  • I worked on UI, motion design and illustration from August to November 2023.
  • Collaborators: Bui Quynh Anh, UI and Motion Designer; Phan Anh Hung, UI Designer and Illustrator.
Trudi, AI-powered property management
Trudi, AI-powered property management

Problem

As the Trudi platforms grew rapidly, the website needed to evolve and show the latest product features.

Solution

We adapted Trudi’s existing visual direction and worked together to update the visuals. Motion and product videos brought the new features to life.

The updated visual direction
The updated visual direction

Final UI

The final website covered Home, Features, Why Trudi and Integrations, with responsive layouts.

Choose a page to view the full design.

The home page
The home page
Feature page 1
Feature page 1
Feature page 2
Feature page 2
Feature page 3
Feature page 3
Feature page 4
Feature page 4
Feature page 5
Feature page 5
The Why Trudi page
The Why Trudi page
The Integrations page
The Integrations page
The website on tablet and phone
The website on tablet and phone

Animations

The website combined the updated page designs with motion and product videos to show how Trudi works.

Inbox animation
Connected tools animation
Why Trudi animation
Voicemail animation

Keep exploring

Other projects

All selected work

100%