Design Education Series – All Series Pass

Here’s What You Get:

Creative Web Design Practice is a guided program focused on designing creative, award-winning websites. You will follow the Obys workflow from brief and concept to visual systems, motion, and final animation.

• (S01) Typography Principles
• (S02) Colors Combinations
• (S03) Grids
• 49 episodes
• 10+ hours of videos
• Lifetime access to seasons
• Access to private community
• Certificate/Poster (PDF)
• Free courses updates

Included:

• Level: from Junior+ to Senior
• 6-12 months access to this practice
• Personalized feedback
• Weekly live sessions
• Certificate/Poster (PDF)

Weeks:

01 – Award-Winning Thinking and Brief

Award-Winning Checklist:
What separates a good website from a strong one, and a strong one from an award-winning project. How jury-level thinking works and how design decisions are evaluated.

Quality as a System:
Why award-winning results are not about style or trends, but about consistent thinking across the whole process.

Working with the Brief:
How to brief a client properly, what information really matters for creative work, and how to manage the project from day one.

Tools for Working with Clients:
Which tools to use to manage a project and work with clients effectively.

Client Content:
Understanding what visual, textual, and conceptual content is needed from the client, how to extract it, and how to set realistic expectations.

02 – Direction, References & Visual Awareness

References:
How to work with references consciously, understand their levels, and avoid copying.

Mood & Direction:
How to anticipate design decisions early and align visual direction with the project idea.

Visual Awareness:
How to train visual taste and turn inspiration into a working design tool.

03 – Structure & Wireframes

Information Structure:
How to organize content into a clear and intuitive website structure.

Wireframes:
The right level of wireframe detail and building a fully working “grey” website.

04 – Art Direction, Typography & AI

Art Direction:
How visual decisions are made and aligned with the concept.

Typography:
What typography really does in creative websites and how it shapes perception.

Color, Grid & Composition:
How systems work in award-winning projects, and when breaking them makes sense.

AI as a Design Tool:
Using AI to support art direction and visual exploration, not to replace design thinking.

Brand Identity in Web & Interactive Systems:
How brand identity lives and evolves in web and interactive environments. From visual language to interaction, motion, and digital character — and how to translate branding into a living web experience.

05 – Concept & Storytelling

Concept Development:
Methods for generating ideas and building a strong, unique concept.

Storytelling:
How to turn information into a story and a website into a guided experience.

06 – UI Design: Exploration

First Design Iterations:
Active UI practice: first screens, experiments, mistakes, and iterations.

Design Decisions:
Learning how to evaluate choices through the award-winning lens.

07 – UI Design: System & Depth

System Development:
Working with consistency, rhythm, hierarchy, and visual logic.

Depth & Details:
How details elevate a project from good to strong.

08 – UI Design: Finalization & Review

Final Design Polish:
Strengthening choices and removing weak decisions.

Award-Winning Checklist (Revisited):
Using the checklist to evaluate and improve the final design before motion.

Launch Strategy & Visibility:
How to understand when a project is really finished — and what to do next. Where and how to launch a website, how to prepare it for awards, and how to make a strong project visible in the right context.

09 – Motion & Animation Foundations

Motion Principles & Scenarios:
How motion supports concept, rhythm, and design decisions.

After Effects Basics:
Learning After Effects and starting to animate the website design.

10 – Motion Finalization & Presentation

Animation Refinement:
Improving timing, transitions, and details to create a cohesive motion system.

Final Animation & Presentation:
Finalizing motion, connecting UI and animation into one experience, and preparing the project for presentation.