Meng wants to give our 30,000 readers a fresh look and intuitive experience with the 3rd version of Design+Code redesign. In the meantime we also want to migrate our CMS to Contentful and backend to improve the website performance.
We started to collect all the support tickets that related to our website and categorizing the problems and features that our readers want. I’m in charge to redesign the Courses page and Download page. The previous courses page is hard to navigate is because we arrange all the topic section with Card UI in grid view. We have a total of 13 courses and imagine how long is the courses page back then.
I redesign the courses page with a hero section that showcasing the latest and the top course that we recommend readers to take. And all the course sections are implemented in the horizontal scrolling view plus adding the left and right arrow button.
We got positive result as in a lot of users are happy with this UI decision especially in mobile view and wanted a tutorial of how it was done in code.
With a grid view of different resources that user can download, the new design become more clear to what the user are looking for compare to previous design which is just a plain list view.
We try to make some cover background image so that user can find the resources they want in a glance.