Design Thinking & Strategy

This short course focuses on one of the most overlooked challenges in design projects: the lack of information at the start. Through real-world reflections and a 5-step process, learners will explore the importance of the Three Ws—Why, Who, and Where—as a foundation for successful design. By developing empathy and gaining clarity on the problem space, designers can create more intentional and impactful solutions. This session is ideal for budding UX/UI professionals and creative thinkers who want to build strong project foundations.

In this module, we dive into the second stage of the design thinking process: Define. After building empathy and gathering insights using the Three Ws (Why, Who, Where), the next step is to synthesize that information. This module helps you identify your user clearly, understand the business context, and frame a concrete problem statement. Learn how to define the scope, constraints, and opportunities by combining empathy with structured thinking. By the end of this module, you’ll be able to frame your design challenge in a way that inspires focused and innovative solutions.

The Ideate phase is the creative core of the design thinking process. It’s where you move beyond analysis and into imagination—brainstorming, sketching, and exploring multiple directions for solving your defined problem. This chapter tackles common blocks like creative fatigue and randomness by giving you proven methods to generate ideas with speed, structure, and inspiration. Learn to break patterns, think beyond the obvious, and come up with bold concepts—even under tight deadlines.

The Prototype and Test phases transform abstract ideas into tangible experiences. In the Prototype phase, you sketch, model, or simulate a working version of your idea so users and stakeholders can interact with it. It’s not about perfection—it's about progress.

In the Test phase, you take that prototype to real users, gather feedback, and refine your solution. You’ll learn how to build quickly, test early, and improve confidently—based on insights, not assumptions.

What is the Color Concept?

Color isn’t just about beauty—it’s about strategy. Many designers, especially early in their careers, tend to jump into layout creation right after forming an idea. They often skip a crucial step: planning the color palette and understanding the role of color in branding, user emotion, and communication.

Colors have psychological and cultural significance. When chosen thoughtfully, they enhance usability, evoke emotion, and strengthen brand identity.

Common Mistake: Skipping Color Planning

Here's a typical scenario: a designer has an idea, quickly opens a design tool, and starts working on the layout. But what’s missing? The branding colors—the visual DNA of the product or company. Without color planning, the design may look inconsistent, confusing, or fail to connect with users.

Why is Color Important in Design Strategy?

• Visual Hierarchy: Colors guide users to important elements like buttons, headers, or call-to-actions.

• Brand Recognition: Think of Coca-Cola’s red, Facebook’s blue, or Spotify’s green. These aren't accidental—they’re deeply strategic.

• User Emotion & Behavior: Colors can calm, excite, or alert users. For example, blue often feels trustworthy, while red can signify urgency.

• Accessibility: Good color planning also considers users with visual impairments. Contrast and clarity are key.

How Designers Should Approach Color

Instead of jumping straight into layouts, a designer should ask:

1. What emotions should this design evoke?

2. What is the brand’s identity?

3. Who is the audience?

4. How can color create consistency across pages or screens?

From there, use color theory (hues, shades, saturation) and tools like mood boards or brand style guides to make informed color choices.

Real-World Example

Imagine you're designing a meditation app. Should you use bright red or neon green? Likely not. Softer colors like pastel blue or lavender create calmness and are more appropriate.

On the other hand, a delivery app might benefit from energetic colors like red or yellow to prompt quick action.

Key Takeaways

• Color is not decoration—it’s communication.

• Thoughtful color choices enhance brand recognition, usability, and emotional impact.

• Always plan your color palette before diving into design layouts.

• Use color strategically to guide users, support your message, and create consistent experiences.

• Understand the psychology of color and test your designs for accessibility.

Typography is a fundamental element of design that impacts both aesthetics and user experience. In this lesson, you explored:

• A quick recap of color theory and how emotions are tied to color use.

• Introduction to typography as a technical design concept.

• Understanding two primary font types:

  • Serif fonts: traditional, formal, and often easier to read in print.

  • Sans Serif fonts: clean, modern, and used commonly in digital formats.

• Importance of selecting appropriate fonts based on brand personality and design objectives.

• Fonts can communicate emotions and tone — just like colors do in visual hierarchy.

This lesson introduces the importance of layout in design, building on the previous modules on color theory and typography. Key points include:

• Recap of Typography:

  • Serif vs Sans Serif fonts

  • Font selection based on brand tone

  • Using the golden ratio (1.25) for text hierarchy

  • 8-point grid system for consistent spacing and scaling

• Introduction to Layout:

  • Layout is about organizing content effectively using grids, alignment, and visual hierarchy.

  • Key design principles include:

    • White space: Using space to improve readability

    • Alignment and proximity: Grouping elements based on function or relation

    • Balance and symmetry: Creating visual stability

    • Hierarchy: Guiding the viewer’s eye with intentional placement and size differences

A strong layout enhances usability and readability, making your design clean, purposeful, and impactful.

In this practical session, we dive into the real-world application of social media strategy as part of a live UX design project. This video is part of the Live Project series where learners apply theoretical knowledge to actual case scenarios.

You'll learn how to:

• Translate user personas and brand identity into an effective social media presence

• Create content pillars aligned with UX principles and marketing goals

• Design post layouts and storyboards using real design tools (e.g., Canva, Figma, or Photoshop)

• Understand platform-specific nuances (Instagram, LinkedIn, etc.) for maximum engagement

• Plan a basic content calendar and track performance through simple KPIs

What to Expect:
This session blends design thinking with content strategy, helping you bring your UX project to life on social platforms. You’ll follow along as we make real-time design and strategy decisions, building both creative and analytical skills.

Perfect for:

• UX/UI design students

• Aspiring social media designers

• Freelancers and junior designers looking to build a portfolio-ready project

In this session, we apply the Z-Pattern layout in a live web design scenario, exploring how visual hierarchy, reading behavior, and UX strategy combine to drive user engagement.

Objective:
To help learners design a landing page or homepage using the Z-Pattern framework, showcasing how to guide a user’s attention across a webpage effectively.

Key Concepts Covered:

• What is the Z-Pattern and when to use it

• Key elements placed along the Z path: Logo, CTA, Hero Image, Navigation

• How Z-Pattern influences conversion and visual storytelling

• Real-time design walk-through using Figma (or other design tools)

Target Outcome:
By the end of this lesson, learners will have designed a Z-pattern-based webpage and understood the UX rationale behind every placement.

Thank you for being part of this journey! You've taken a big step in mastering design strategy and creative thinking. Whether you're applying this to freelance work, a job role, or your own brand — you're now equipped with real-world tools and confidence. Keep exploring, keep creating, and remember — strategy is what makes design truly powerful. See you in the next course!