Department

of Motion (DOM)

Taqwah partnered with Department of Motion to build a distinctive brand and digital presence. We handled brand identity, responsive website design, and React.js development. The goal was a clear, engaging experience that brings DOM’s creative work and services together.

Overview

The Project,

At a Glance

A complete brand and website project, from the first discussions to the final live website. We connected visual identity, content structure, responsive design, and development into one consistent experience.

Product
Creative Motion Agency Website
Role
Brand Identity, UI/UX Design, React.js Development
Duration
Approximately 1.5 Months.
Screens
Brand Identity, Responsive Website UI, React.js Website.
Where It Started

Creative Work Deserves

A Project That Delivers

Creative agencies need more than an attractive website. They need a clear way to present their work, explain their services, and build trust with potential partners. DOM needed a digital experience that brought its brand and creative capabilities together.

  • Creative services needed a clear structure that visitors could understand quickly.
  • Campaigns and visual projects needed a presentation that gave the work room to stand out.
  • The brand needed a consistent identity across its website and supporting materials.
  • The website needed responsive layouts and reliable development across screen sizes.
The Brand

Brand Identity for

Department of Motion

We developed DOM’s brand identity to give the business a recognizable visual foundation. The identity needed to support its creative work without competing with the projects themselves.

What We Solved For

A Creative Brand

Ready for Every Touchpoint

The challenge was to connect branding, content, and website design into one coherent experience. Each decision needed to support the business, showcase its work, and make the website easier to navigate.

One Consistent Brand

We organized the content to make DOM’s creative capabilities easier to discover. Visitors needed a straightforward path from understanding the business to exploring its services.

Work That Takes the Lead

Creative projects needed strong visual presentation. We shaped the layout to give imagery, campaigns, and portfolio content the attention they deserved.

One Consistent Brand

The identity and website needed to feel connected. We aligned the visual direction, typography, layouts, and content presentation across the experience.

The Website

A Website Designed

to Make Work Stand Out

We designed the website around clear content hierarchy and visual storytelling. The layouts give DOM’s creative work room to breathe while helping visitors understand its services. Each section supports the overall brand experience without adding unnecessary complexity.

Responsive Design

One Experience,

Across Every Screen

We adapted the website layouts for different screen sizes. Content hierarchy, image presentation, and spacing needed to remain clear on both desktop and mobile. The responsive design keeps the experience consistent without simply shrinking the desktop layout.

Design Decisions

The UX Decisions

Behind the Product

Why handle brand, website and React.js development, not just design?
Arrow UP

You book a free audit or a strategy call. We look at your product or idea within 48 hours and tell you exactly what's broken and what to fix first. If it makes sense to work together, we agree on what gets designed, what the result should be, and when you'll see it. No payment before you've seen our thinking.

Why an intentionally distinctive, anti-generic brand?
Arrow UP

You book a free audit or a strategy call. We look at your product or idea within 48 hours and tell you exactly what's broken and what to fix first. If it makes sense to work together, we agree on what gets designed, what the result should be, and when you'll see it. No payment before you've seen our thinking.

Why lead with the studio’s projects and creative work?
Arrow UP

You book a free audit or a strategy call. We look at your product or idea within 48 hours and tell you exactly what's broken and what to fix first. If it makes sense to work together, we agree on what gets designed, what the result should be, and when you'll see it. No payment before you've seen our thinking.

Why a motion-rich, React-built experience?
Arrow UP

You book a free audit or a strategy call. We look at your product or idea within 48 hours and tell you exactly what's broken and what to fix first. If it makes sense to work together, we agree on what gets designed, what the result should be, and when you'll see it. No payment before you've seen our thinking.

Why cinematic, nature-led imagery over typical agency visuals?
Arrow UP

You book a free audit or a strategy call. We look at your product or idea within 48 hours and tell you exactly what's broken and what to fix first. If it makes sense to work together, we agree on what gets designed, what the result should be, and when you'll see it. No payment before you've seen our thinking.

Why cinematic, nature-led imagery over typical agency visuals?
Arrow UP

You book a free audit or a strategy call. We look at your product or idea within 48 hours and tell you exactly what's broken and what to fix first. If it makes sense to work together, we agree on what gets designed, what the result should be, and when you'll see it. No payment before you've seen our thinking.

How We Built It

From First Discussion

to a Live Website

We followed a structured process from discovery to launch. Each phase built on the previous one, connecting research, brand identity, website design, and development. This approach helped us keep the project organized throughout its approximately six-week timeline.

Understand the Project

We began with discussions and information gathering. We reviewed the project requirements,audience, competitors,and content needs to establish a clear direction.

Define the Brand

We worked on the logo, color palette, and visual direction. We then created a style guide to establish a consistent foundation for the website.

Design the Experience

We designed the homepage and inner pages, including responsive layouts. We refined the content structure, portfolio presentation, and visual details through client feedback and design revisions.

The Landing Page

A Homepage That

Introduces the Brand

We designed the homepage to introduce DOM’s creative capabilities through clear messaging and visual storytelling. The layout guides visitors through the brand, its services, and its work. Every section supports a more focused journey from first impression to deeper exploration.

What Shipped

A Brand Built to Convert, Not Just Look Good

2.4% → 5.8%

Visitor to Inquiry Conversion

A pretty site that doesn't convert is just decoration. The new structure makes what Department of Motion offers clear in seconds and points visitors to one obvious next step, so the same traffic turns into more real inquiries.

-38%

Bounce Rate

Visitors used to leave before the page told them anything. A sharper hero, faster load, and clear hierarchy mean people stay long enough to understand the offer, the first condition for any sale.

Under 2s

Page Load Speed

The React.js build was optimized to load fast, not just render. Every second shaved off load is visitors who don't leave before the page appears, which protects both conversions and search ranking.

6 Weeks

Concept to Live, Converting Site

Brand, design, and build shipped as one track in about six weeks, so the site started working for the business fast instead of sitting half-finished for months.

Get Started

Ready to Build or Fix Your SaaS?

Abu Saied

Chief of Staff

Facing any issues in your SaaS?

Book a Free Call with Saied
Star IconStar Icon

Certification on

Instant Conversation
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.