CHUSHAN
MASTER CLASS
Author: STOYARD 2022-03-02 Editor: STOYARD SHANGHAI
2022
CHUSHAN Master Class is working with world-class Master of art, to develop the art of course, has repeatedly held offline art teaching.We commissioned the planning, design, development the online courses, including purchase, teaching, online learning, work, answering questions after class website system, etc.
1. Project background
The official website of Master Class is an attempt by the art team to expand from offline course teaching to online courses, hoping to realize the purpose of course marketing and art communication through this digital platform.
2. Website positioning
The mountain art team has very high quality art resources, both in terms of teachers and content can be ranked in the front end of the industry, so we hope that the design effect of the website is artistic, creative sense and can match the industry position and vision of the other team.
In the early stage of website design, we communicated with the art team for many times, and finally determined that the overall visual style is simple, quiet and pleasant, and added creative ideas. The content of Master Class website is very simple and the whole interface is clear at a glance. It is divided into three core contents: home page, all courses and my course. In order to display these three types of content in a diverse and interesting way, we designed a series of micro effects and interactive details.
3. Visual elements revolve around the image of "coming out of mountain"
The Banner on the homepage of the website is a video edited and designed. With the teaching scenes of masters as the entry point, users can intuitively feel the professionalism and interest of the website art course.
In the drop-down page, we can accurately understand the core concept of the brand through two contents: one is focus (focus on the skills and cognitive improvement of professional art practitioners), the other is exploration (explore the convenient way of art learning in the 5G era).
We extracted the image of "mountain" from the brand name and image and abstracted it into an irregular shape. The graphics were rendered through micromotion effect, so that the graphics presented spatial layers. The words sliding along the edge of the graphics in the side lines and the small graphics constantly rotating could bring a clever effect to the picture.
The whole website gives people the sense of the wind in the mountains and forests, slowly coming, everything is moving, not only increasing the interest of the picture, but also implicitly in line with the teaching concept of the Ishan art team.
4. Details of website content
Each course is carefully planned by the team to convey some positive content to the learners. For example, in the course "Gazing at Reality through Measurement", the artist Lopez will lead the students to explore the fine and real painting techniques in artistic creation. In the course "Oriental Figure Painting Analysis", There will be a tutor to guide students to understand ancient text analysis and creative practice.
We designed the posters according to the themes of different courses. We integrated the abstract shape of "mountain" with the figures. With the support of dynamic effect, we seem to see the tutors step out of the "mountain" and embark on an artistic journey with the students.
5. Dynamic interaction brings life to the site
The "All Courses" section is an introduction to the details of the course, including course introduction, trial lectures, course focus, course arrangement and the introduction of the tutor.
Through this part, users can understand the overall information of the course and make payment. We have illustrated and designed the layout of the whole page, and added some dynamic details. As the page scrolls, text will pop up and scroll, adding a lively atmosphere and a sense of rhythm to the static content of the page. When the movement is appropriate, the user experience is more pleasant and the learning atmosphere becomes more relaxed.
We have also designed the mobile page adapted to the website, the overall continuation of the simple visual style, and the interactive details are more suitable for mobile display. We hope that students and practitioners who love art can have a refreshing experience when opening the website in various scenarios.