Redesign Landing Page - PT. Dibuiltadi Teknologi Kreatif

Enhancing User Engagement with a Modern Redesign and Optimized CTA for PT. Dibuiltadi Teknologi Kreatif

This landing page redesign for PT. Dibuiltadi Teknologi Kreatif was part of a technical test, aiming to create a minimalist and modern interface that reflects the company’s technical expertise and innovative spirit. The design focused on a clean layout, simplified content, and clear calls to action to boost user engagement, conversions, and cross-device experience. The result is a professional website that strengthens the company’s digital presence.

Client

PT. Dibuiltadi Teknologi Kreatif | Technical Test

Service Provided

Web Design

The Brief and The Goal:

The goal of this project was to redesign the landing page of PT. Dibuiltadi Teknologi Kreatif, a software house that offers innovative solutions in custom software development, mobile app development, enterprise integration, and UI/UX design. This redesign was part of a technical test challenge by the company, where I was tasked with transforming their website to showcase their technical expertise in a minimalist and modern design.

According to the brief, the company wanted a clean, minimalist aesthetic that would convey professionalism while highlighting their innovative software solutions. The design needed to be modern, user-centric, and visually appealing, with a focus on clear communication and simplicity. The ultimate goals were:

  • To modernize the website with a design that reflects the company’s cutting-edge approach and technical expertise.

  • To simplify the content structure, making it more digestible and user-friendly.

  • To enhance user experience (UX) by creating intuitive navigation and optimizing the site’s performance on both desktop and mobile devices.

  • To increase conversion rates by simplifying the calls to action and making it easy for potential clients to get in touch or inquire about services.

1

The First Step

Before jumping into the design phase, I undertook the following steps:

Research & Discovery:

  • Analyzed the company's current branding and identified areas for improvement.

  • Investigated industry trends in software house websites to ensure the design was competitive and up-to-date.

  • Gathered insights from the target audience, understanding what they value in a service-oriented website.

User Persona & Journey Mapping:

  • Created user personas to understand the different types of visitors, including potential clients, business partners, and potential employees.

  • Mapped out the typical user journey to ensure that the landing page would effectively guide visitors to the right information, improving conversion chances.

Content Analysis:

  • Identified key sections of the existing site that required restructuring, such as services and testimonials.

  • Prioritized the most important information, such as service offerings, client feedback, and CTAs, ensuring that they were easily accessible.

2

The Challenge

The challenge in redesigning the PT. Dibuiltadi Teknologi Kreatif landing page was to balance the technical aspects of the business with an accessible and aesthetically pleasing design. The website's existing structure and design were outdated, cluttered, and lacked a modern look. As a software house, the company needed to reflect its innovation and creativity, but the original site did not communicate this effectively.

Key challenges included:

  • Ensuring that the design was modern yet professional, reflecting the technical expertise of the company.

  • Organizing content that was previously scattered across the page into clear, digestible sections.

  • Maintaining the website's functionality across different devices while improving aesthetics.

3

The Approach

To address these challenges, I took a structured approach:

Redesign of the Visual Elements:

  • Focused on creating a clean and modern layout with a dark mode theme, using vibrant accent colors to highlight important sections such as CTAs and service categories.

  • Incorporated high-quality images to showcase the company's previous projects and client testimonials, adding a layer of credibility.

  • Used a modular design for easy navigation, allowing users to quickly locate the information they were looking for.

Improved User Experience:

  • Simplified navigation by organizing services into easy-to-understand categories such as custom software development, mobile apps, and IT consulting.

  • Designed a clear, straightforward contact section, ensuring visitors could reach the company with minimal effort.

  • Enhanced the FAQ section to address common client concerns, improving user engagement and trust.

Call-to-Action Optimization:

  • Ensured that the CTAs were prominent and strategically placed throughout the page to increase user interaction and lead generation.

  • Positioned CTA buttons after every key section, making it easy for potential clients to get in touch or request more information without scrolling too far.

4

The Result

The redesign successfully met all the initial goals, resulting in a clean, professional, and engaging website that reflects PT. Dibuiltadi Teknologi Kreatif's technical expertise and creative capabilities.

Key outcomes include:

  • Enhanced Aesthetics: The use of dark mode with accent colors creates a modern, visually appealing design while ensuring that important information stands out.

  • Improved User Engagement: With clear CTAs and simplified navigation, users now have an easier time exploring the site and finding relevant information.

  • Mobile Responsiveness: The website is optimized for mobile users, ensuring a seamless experience across devices.

  • Increased Conversion: The optimized CTAs and streamlined content flow have led to higher conversion rates, with more potential clients reaching out for inquiries.

This project was an excellent opportunity to showcase my ability to balance design with user experience, providing a result that not only looks good but also works well for the users.

5

Heatmap Analysis
Heatmap Analysis
Mockup Redesign Landing Page
Mockup Redesign Landing Page
View Desktop
View Desktop
Desktop Version
Desktop Version
Responsive Mobile Version
Responsive Mobile Version

Let's Connect

Let's Grow Together

Ready to bring your vision to life with exceptional design? Let’s collaborate! Reach out today, and together, we’ll create a stunning, user-friendly website that drives results. Don’t wait—let’s start building something amazing.

Image banner

Let's Connect

Let's Grow Together

Ready to bring your vision to life with exceptional design? Let’s collaborate! Reach out today, and together, we’ll create a stunning, user-friendly website that drives results. Don’t wait—let’s start building something amazing.

Image banner

Let's Connect

Let's Grow Together

Ready to bring your vision to life with exceptional design? Let’s collaborate! Reach out today, and together, we’ll create a stunning, user-friendly website that drives results. Don’t wait—let’s start building something amazing.

Image banner