Sunny Sunday

[ CASE STUDY ]

About Project

About Project

Sunny Sunday is a vibrant community platform and web ecosystem built for outdoor enthusiasts and active lifestyle clubs. The project focuses on connecting individuals through weekend running sessions, social outdoor activities, and high-energy gatherings, making healthy lifestyle integration both accessible and social.

Category:

Web Design / Community & Lifestyle

Client:

Sunny Sunday Club

Duration:

2-3 Weeks

Location:

Surakarta, Indonesia

Sunny Sunday

Problem

Problem

Active lifestyle and running communities often struggle to maintain member engagement due to scattered information across multiple chat groups. Without a centralized, visually appealing digital hub, potential newcomers find it difficult to explore upcoming schedules, event details, and club updates.

Active lifestyle and running communities often struggle to maintain member engagement due to scattered information across multiple chat groups. Without a centralized, visually appealing digital hub, potential newcomers find it difficult to explore upcoming schedules, event details, and club updates.

Solution

Solution

Sunny Sunday solves this by introducing a bold, dynamic web experience that acts as a central hub for all community activities. The platform seamlessly displays upcoming schedules, dynamic photo galleries, and clear call-to-actions, making it effortless for users to discover and join local weekend events.

Sunny Sunday solves this by introducing a bold, dynamic web experience that acts as a central hub for all community activities. The platform seamlessly displays upcoming schedules, dynamic photo galleries, and clear call-to-actions, making it effortless for users to discover and join local weekend events.

Concepting

Concepting

Concepting

Design

Design

The user interface pairs raw, atmospheric typography with large, immersive photography to capture the authentic energy of outdoor activities. High-contrast layouts layered over clean backgrounds keep the event details highly readable while maintaining a premium, streetwear-inspired aesthetic.

The user interface pairs raw, atmospheric typography with large, immersive photography to capture the authentic energy of outdoor activities. High-contrast layouts layered over clean backgrounds keep the event details highly readable while maintaining a premium, streetwear-inspired aesthetic.

Result

Result

The final website delivers an engaging and distinctive digital presence that successfully translates the community's real-life energy into a premium web experience. The bold layout design drastically reduces friction for new sign-ups while maintaining top-tier visual clarity.

The final website delivers an engaging and distinctive digital presence that successfully translates the community's real-life energy into a premium web experience. The bold layout design drastically reduces friction for new sign-ups while maintaining top-tier visual clarity.

Result

Things You Might Want to Know

Things You Might Want to Know

[ FREQUENTLY ASKED QUESTIONS ]

How do you usually approach a new design project from start to finish?

Optimized approach: I align on your goals, map user flows, design high-fidelity UI, and prototype interactions, collaborating until the concept fits perfectly.

What design tools and platforms do you typically use in your workflow?

I use Figma for UI/UX design and prototyping, Adobe Creative Cloud for assets, and Webflow or Framer for development.

How long does it usually take to complete a project or deliver an MVP?

It depends on the scope, but typically a landing page takes 1-2 weeks, while a full MVP takes 3-4 weeks.

Do you also handle development, or just design?

I handle both. I design high-fidelity UI and develop them into fully functional, responsive websites using Webflow and Framer.

How does the payment process work for your services?

I usually structure payments with a 50% upfront deposit to secure the project, and the remaining 50% upon final delivery.

Can I start with a smaller project before committing to a full subscription?

Yes, you can start with a smaller project like a single landing page to see how we work together.

How do you usually approach a new design project from start to finish?

Optimized approach: I align on your goals, map user flows, design high-fidelity UI, and prototype interactions, collaborating until the concept fits perfectly.

What design tools and platforms do you typically use in your workflow?

I use Figma for UI/UX design and prototyping, Adobe Creative Cloud for assets, and Webflow or Framer for development.

How long does it usually take to complete a project or deliver an MVP?

It depends on the scope, but typically a landing page takes 1-2 weeks, while a full MVP takes 3-4 weeks.

Do you also handle development, or just design?

I handle both. I design high-fidelity UI and develop them into fully functional, responsive websites using Webflow and Framer.

How does the payment process work for your services?

I usually structure payments with a 50% upfront deposit to secure the project, and the remaining 50% upon final delivery.

Can I start with a smaller project before committing to a full subscription?

Yes, you can start with a smaller project like a single landing page to see how we work together.

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