Aug. 2, 2019
Author:Pei Xuan Lee
Product Block: The Product Block in the admin editing interface. Images can be shuffled around easily using the arrows.
Product Block: The actual Product Block as shown in the final Page
Blog Post Section: The Blog Posts element in the admin editing interface. I have chosen a simple multivalued checkbox to select posts I want to display.
Blog Post Section: The actual Block Post section as shown on the final page. Notice how the blog snippets correspond to the choices in the admin page.
Home Page Code: A snippet of code showing the Home Page model, used for some of our top-level pages.
As a brand new marketing intern at Auguried, I was tasked to create a marketing plan that would ultimately drive the acquisition of marketing leads, gain customer trust, and improve brand awareness. In this rapidly digitalizing world, a digital point of contact and information was vital to communicate our expertise and experience in building software solutions.
Old website shown on the right ------>
Thus, the project of revamping the old auguried.com website was born. Although the previous website did the job of displaying basic information and commentary posts, it was very rigid in structure, not mobile-responsive (70% of web traffic are from mobile devices!), and did not effectively convey the message of "what do we do" to our stakeholders.
Poring into documentation, deciding to change from the original outdated ApostropheCMS express.js based website to the Django based WagtailCMS, learning how the
models.py file relates to the Model-View-Controller (MVC) web development architectural pattern and many other learnings helped me to overcome the initial steep learning curve of 'How do I even use this particular framework!? Why are there so many files and sections compared to Flask?'
Although the original website built on Apostrophe was theoretically able to be modified and updated, it would be a massive endeavor as the more updated and secure versions of the framework required a complete change of the code logic, and every individual "piece" type needed for creation of a page required a lot more coding than WagtailCMS.
So why and how did I make this new website with Wagtail CMS?
Easy to read and code
Easily customisable "Streamfield" blocks
Long blog posts or articles such as this one can be done in Rich Text Fields, showing you the actual display of your post as you type. Blog posts, T&Cs, product characteristics — all can be updated and published easily in a customised yet neat format.
The coding of the website being easy to understand and extend gave me the extra time to experiment on other website-enhancing features such as:
Automated population of latest published blog and testimonial pages
Use of dynamic elements in webpage creation
Although the current website is still quite basic, I hope that it has been informative and useful in your visit here 😊.