Soon after I started working with the Gadget Group, a multimedia company in Sydney, Australia, they started work on Samsung Australia's audio visual microsite. One key component of the microsite was an online tool for browsing Samsung's line of televisions, but it needed to be a visual refresh and a technical overhaul for better mobile compatibility.
I was tasked with developing a new version of the tool, so I started by outlining how it would fit in with the rest of the site, and drafted a proposal with basic mockups to detail the redeveloped functionality.
Part of the challenge of the project was designing a system that could accomodate new television products easily, allow straightforward editing of existing products, and yet still facilitate complex user interactivity such as sorting and filtering. With this in mind, I designed a site assembly mechanism that brought together a database of product data with structural HTML. With the data separated from the document's structure, the process of adding and modifying televisions to the browsing tool was greatly simplified.
I coded stylesheets with SASS →, a CSS pre-processor, which is always a great tool for keeping styles structured and organized.
I also managed assets for the project, which consisted of preparing webfonts and optimizing product images. I designed an icon font to supplement Samsung's usual set of icons, and add some visual spice to the project.
The microsite launch went well, but it soon came time to hand off the project to another developer. To facilitate the use of version control for every aspect of the project, I converted the product database used in development from SQL to JSON data in text files, which made sharing the project and tracking product changes a lot easier.next project →← previous