Brand: Coloso.
Price: 200 USD
Availability: InStock

Instructor

Kitagawa Taiga

Web Designer

Hi, I'm Kitagawa Taiga, a web designer and illustrator. After graduating from university, I gained experience in both graphic and web design at multiple design firms before going independent in 2024. Currently, I use the no-code tool “Studio” to handle the entire creative process, from design and illustration to implementation.

In this course, even those who can't draw illustrations or have no experience with Studio can systematically learn everything from visual expression concepts to Studio implementation methods, following the 'Studio-based Web designs leveraging illustrations' know-how that I have cultivated through my daily production work. I would be delighted if, through Studio and illustrations, it will serve as an opportunity for all of you to expand your range of expression and encounter new design possibilities!

Interview

Meet the Instructor

Question 01

What challenges do learners in this field face, and how does this course help address them?

Illustration is an essential expressive element in website creation. However, while many courses cover the basics of web design or tool usage, there are still few opportunities to systematically learn how to incorporate illustration into web design. Creating a website’s visual identity with illustration requires a different way of thinking from photo-based design, and many people also feel that drawing illustrations themselves can be a barrier.

In this course, you will learn how to make illustrations function effectively as design elements, regardless of your illustration experience. This allows anyone to significantly expand their creative possibilities. In addition, even without coding knowledge, you can easily implement your designs using Studio’s no-code features. From basic operations to advanced techniques for more complex illustration-based expressions, the course provides a structured approach that helps you turn your ideas into a fully realized website.

Question 02

What inspired you to start learning no-code tools?

I initially started my career as a graphic designer. While I had experience in Web design, I could hardly write any code and would outsource the implementation to engineers. Collaborating with engineers often led to implementation suggestions I hadn’t considered, and there were always new things to learn and discover.

On the other hand, there were moments when I felt apologetic about repeatedly asking for minor adjustments, and I began to harbor a desire to ‘complete everything through to implementation on my own.’ It was then that a senior designer who had moved to an in-house position told me they were ‘building their company site using a no-code tool,’ which is how I first learned about Studio.

I was strongly drawn to the possibility of shaping everything from design to implementation myself, without any knowledge of code, and I immediately began studying Studio.

Question 03

What was the most challenging part of learning for you, and how did you overcome it?

Although Studio is a no-code tool, building a website still requires an understanding of web-specific layout structures. While I had some prior knowledge, I initially struggled with this layout system and found it challenging. I also realized that many aspects of the CMS features were difficult to fully understand through theory alone, making them hard to master without hands-on practice.

Around that time, I heard that a designer I knew was starting an independent business, so I offered to build their website using Studio. Through the actual production process, I was able to learn layout structuring and CMS usage in practice, which had been difficult to grasp through study alone. This experience became a key turning point in overcoming those challenges.

Question 04

Leave a message for your students.

No-code tools allow websites to be created with relatively low budgets, and because designers can complete the entire process independently, demand has grown rapidly over the past few years and will likely continue to expand.

Personally, being able to implement designs without writing code has significantly broadened the scope of my work.

At the same time, we are gradually entering an era where AI and no-code tools can create websites with increasing ease, which raises concerns about the future role of designers. For that reason, it is becoming more important than ever to first develop the ability to effectively use AI and no-code tools, and then build unique expressions and strengths that only you can offer.

Class Details

You'll Learn

The Value That Illustrations Bring to Web Design

This course explains the value and role of illustrations, such as turning abstract ideas into visuals, organizing information, and expressing visual identity, which are essential to understand before creating web designs that effectively leverage illustration.

Concept Design as the Core of Design

Through practical exercises, you will learn how to design concept words and tone and manner tailored to the purpose and role of a site.

Idea Generation Methods for Leveraging Illustrations

Through practical exercises, we will teach you idea generation methods that bring out the essence of a brand by leveraging the 'freedom of expression' unique to illustrations.

Visual Designs for Expressing a Brand Through Illustrations

You will learn the step-by-step process of visual design centered on illustrations, which will include layout verification, color design, clarifying illustration images, and font selection.

Illustration Production and Methods for Commissioning Illustrators

This course explains multiple production processes tailored to illustration styles and production conditions, as well as the key points to consider when commissioning an illustrator.

From Basic Studio Implementation to Applications

To ensure that even those using Studio for the first time can learn with confidence, you will learn through step-by-step exercises that cover everything from basic operations to applied implementation methods for accurately reproducing designs.

Curriculum

In-Depth Look

**Class release dates and content are subject to change without prior notice.

Required Tools

This course will use:
・Illustrator CC or later
・Photoshop C or later
・After Effects CC or later
・Studio
Please purchase and install these program(s) for an optimized chapter experience.

*These programs and/or materials will not be provided with the chapter.

Important Notice

Online Course Policies and Procedures

- This product provides access to the video lectures online (Excluding products categorized as Assets). - Under certain circumstances, discounts may end early or be extended without prior notice. - For pre-ordered courses, the content and the lecture videos will be released sequentially according to the schedule. The Course Start Date will be set to the release date of the first lecture video. - You will gain immediate access to the course through My Page upon completing registration and payment. Total Course Duration: - The Standard Access (Paid access) period lasts for the first 15 days and Unlimited Free Access period will begin from the 16th day. Both the Standard and Unlimited Free Access periods offer the equal viewing experience to the content. - Course Start Date: The estimation of the Course Start Date will be based on the completion date of the payment. Immediate access to the lecture videos will be granted through My Page. (For pre-ordered courses, the start date will be the release date of the first lecture video.) - In case the course start date is postponed due to extenuating circumstances on Coloso’s end, the start date will be adjusted accordingly.

IMPORTANT NOTICE

*Please note that certain aspects of this course, including the release date, curriculum images, and associated content, are subject to change without prior notification.
*Would you like to learn more about our refund policy? Please check ▶ here
*Please check our ▶ FAQ for Copyright and Proprietary Rights, User-Generated Content, Security, and Violation information.

重要公告

*保留未事前告知而更改本網頁資訊的權利
*欲進一步瞭解退款政策的細節，請由 ▶ 此處確認。
*請至 ▶FAQ頁面查看有關版權及所有權、使用者製作內容、資料安全及違反等相關資訊。

Aviso Importante

*Tenga en cuenta que la información de esta página está sujeta a cambios sin previo aviso.
* ¿Le gustaría saber más sobre nuestra política de reembolso? Por favor, compruebe ▶ aquí
*Por favor, compruebe nuestras ▶ FAQ para los derechos de autor y derechos de propiedad, contenido generado por el usuario, seguridad e información de violación.

ASSET Product Precautions

- This product is strictly prohibited to resell, redistribute, steal, or transfer. - The original images and simple edited images of this product cannot be transferred, distributed, or sold. - This product can be refunded only before the class video is released. - You can find this product on [My Class] > [Class Materials]

Coloso.

Search Input

Designing Illustration-Based Websites with Studio

Class Details

Introduction

Building a Website / Ideation

Building a Website / Designing

Building a Website / Illustrating and Animating

Building a Website / Implementation in Studio

Conclusion

Important Notice

Kitagawa Taiga

Designing Illustration-Based Websites with Studio

Class Details

webdesigner,kitagawataiga_키타가와타이가JP Details

Introduction

Building a Website / Ideation

Building a Website / Designing

Building a Website / Illustrating and Animating

Building a Website / Implementation in Studio

Conclusion

Important Notice

Kitagawa Taiga