2023 — SRIBU

Sribu.com Redesign: Merged Two Brands, Boosted Engagement

PLATFORM

Responsive Website

TIMELINE

January 2023 — July 2024

ROLE

UI/UX Designer

2023 — SRIBU

Sribu.com Redesign: Merged Two Brands, Boosted Engagement

PLATFORM

Responsive Website

TIMELINE

January 2023 — July 2024

ROLE

UI/UX Designer

2023 — SRIBU

Sribu.com Redesign: Merged Two Brands, Boosted Engagement

PLATFORM

Responsive Website

TIMELINE

January 2023 — July 2024

ROLE

UI/UX Designer

Context

Making freelance services easy to use

Making freelance services easy to use

As the Sribu product team, we embarked on a major project to unify two of our core platforms (Sribu and Sribulancer) into a single, seamless experience. Sribu specialized in crowdsourced design contests, while Sribulancer enabled direct freelance hiring across various categories. The goal was to streamline the user journey, eliminate confusion between platforms, and present a cohesive brand. This redesign focused on modernizing the landing page’s visual and UX design to reduce clutter, enhance navigation, and better support small businesses, entrepreneurs, and startups in finding the right creative and professional talent.

As the Sribu product team, we embarked on a major project to unify two of our core platforms (Sribu and Sribulancer) into a single, seamless experience. Sribu specialized in crowdsourced design contests, while Sribulancer enabled direct freelance hiring across various categories. The goal was to streamline the user journey, eliminate confusion between platforms, and present a cohesive brand. This redesign focused on modernizing the landing page’s visual and UX design to reduce clutter, enhance navigation, and better support small businesses, entrepreneurs, and startups in finding the right creative and professional talent.

Sribu Before Redesign

Sribu Before Redesign

Sribulancer Before Redesign

Sribulancer Before Redesign

Objectives

* Modernize the Visual Design: Adopted a clean, minimalistic look to give a more professional and welcoming appearance.

* Enhance Usability: Simplified navigation and layout to make information more accessible and intuitive for new and returning users.

* Optimize for Responsiveness: Ensured the website is fully responsive across all devices, including desktops, tablets, and mobile phones, to accommodate various user access points.

* Modernize the Visual Design: Adopted a clean, minimalistic look to give a more professional and welcoming appearance.

* Enhance Usability: Simplified navigation and layout to make information more accessible and intuitive for new and returning users.

* Optimize for Responsiveness: Ensured the website is fully responsive across all devices, including desktops, tablets, and mobile phones, to accommodate various user access points.

Design Process

1. User Research & Evaluation
I began by conducting user research to identify key pain points in the current design. Through interviews and analytics, I pinpointed issues like difficulty in finding services and a lack of visual appeal. These insights guided the redesign process.

2. Wireframing & Prototyping
Created low-fidelity wireframes to map out the new layout. The focus was on simplifying the structure, making the search and category navigation prominent, and decluttering the home page.

3. UI Design & Consistency
Developed a consistent and refined visual style with a new color scheme and typography to enhance readability and aesthetics. Emphasized whitespace and visual hierarchy to ensure a clean look and better user flow.

4. High-Fidelity Design & Testing
Designed high-fidelity mockups and conducted usability testing with select users to ensure the changes effectively addressed the pain points. Feedback was gathered to make final adjustments.

1. User Research & Evaluation
I began by conducting user research to identify key pain points in the current design. Through interviews and analytics, I pinpointed issues like difficulty in finding services and a lack of visual appeal. These insights guided the redesign process.

2. Wireframing & Prototyping
Created low-fidelity wireframes to map out the new layout. The focus was on simplifying the structure, making the search and category navigation prominent, and decluttering the home page.

3. UI Design & Consistency
Developed a consistent and refined visual style with a new color scheme and typography to enhance readability and aesthetics. Emphasized whitespace and visual hierarchy to ensure a clean look and better user flow.

4. High-Fidelity Design & Testing
Designed high-fidelity mockups and conducted usability testing with select users to ensure the changes effectively addressed the pain points. Feedback was gathered to make final adjustments.

New Design System

New Design System

After Redesign

After Redesign

Result

Redesign That Drives Results

Redesign That Drives Results

The redesigned Sribu platform went live in 2024 and the results were immediate and measurable. What began as a visual and UX refresh quickly proved to be a pivotal business improvement. By simplifying the layout, decluttering the interface, and guiding users more intuitively through the flow, we significantly boosted platform engagement.

The redesigned Sribu platform went live in 2024 and the results were immediate and measurable. What began as a visual and UX refresh quickly proved to be a pivotal business improvement. By simplifying the layout, decluttering the interface, and guiding users more intuitively through the flow, we significantly boosted platform engagement.

📈 Increased User Engagement

📈 Increased User Engagement

Over the first 8 weeks after launch, we observed a 65% increase in user engagement. This was tracked using a combination of Google Analytics and internal tools, and reflected in:

Over the first 8 weeks after launch, we observed a 65% increase in user engagement. This was tracked using a combination of Google Analytics and internal tools, and reflected in:

Higher page depth — Users explored more sections and categories per session.
Better interaction rates — Key actions like browsing services and viewing freelancer profiles saw strong growth.
Longer session durations — Particularly on mobile, users stayed longer and completed more actions.
Stronger return visits — More users came back within the same week, especially from organic and direct channels.

Higher page depth — Users explored more sections and categories per session.
Better interaction rates — Key actions like browsing services and viewing freelancer profiles saw strong growth.
Longer session durations — Particularly on mobile, users stayed longer and completed more actions.
Stronger return visits — More users came back within the same week, especially from organic and direct channels.

These improvements were tied to better navigation clarity, stronger visual hierarchy, and a responsive design that reduced cognitive friction across devices.

These improvements were tied to better navigation clarity, stronger visual hierarchy, and a responsive design that reduced cognitive friction across devices.

💬 User Feedback

💬 User Feedback

Qualitative feedback also supported the quantitative improvements:

Qualitative feedback also supported the quantitative improvements:

• New users described the platform as “much easier to understand and browse.”
• Returning users appreciated the simplified homepage, which made it easier to explore services without feeling overwhelmed.
• Stakeholders noted fewer support tickets related to navigation confusion or mobile access.

• New users described the platform as “much easier to understand and browse.”
• Returning users appreciated the simplified homepage, which made it easier to explore services without feeling overwhelmed.
• Stakeholders noted fewer support tickets related to navigation confusion or mobile access.

This project reaffirmed a key principle in product design: good UX is measurable. While aesthetics play a role, true impact comes from aligning layout, content strategy, and responsiveness with real user behavior. The 65% boost in engagement wasn’t a coincidence, it was the result of mobile-first thinking, clear navigation, and streamlined interactions that reduced friction across the board. By combining user analytics with direct feedback, we were able to validate assumptions early, make smarter design decisions, and ultimately deliver a platform that better serves both new and returning users.

This project reaffirmed a key principle in product design: good UX is measurable. While aesthetics play a role, true impact comes from aligning layout, content strategy, and responsiveness with real user behavior. The 65% boost in engagement wasn’t a coincidence, it was the result of mobile-first thinking, clear navigation, and streamlined interactions that reduced friction across the board. By combining user analytics with direct feedback, we were able to validate assumptions early, make smarter design decisions, and ultimately deliver a platform that better serves both new and returning users.

Any inquiries, hellos, and

cat memes to:

ⓒ 2025 – Designed & Developed by Denny Satria

UPDATED 07 . 28 . 2025

Any inquiries, hellos, and

cat memes to →

ⓒ 2025 – Designed & Developed by Denny Satria

UPDATED 07 . 28 . 2025

Any inquiries, hellos, and

cat memes to:

ⓒ 2025 – Designed & Developed by Denny Satria

UPDATED 07 . 28 . 2025

Any inquiries, hellos, and

cat memes to:

ⓒ 2025 – Designed & Developed by Denny Satria

UPDATED 07 . 28 . 2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.