Pixel Mechanics
View WebsitePixel Mechanics is a Web Design & Digital Marketing agency in Singapore. With the tagline of “Championing Digital”, they aim to amplify businesses through crafting integrated digital experiences.
During my tenure as a Web UI/UX Designer, I led a team consisting of three members in the pursuit of revamping the company website.
Contributions
May 2022 – Jul 2022
In charge of selection of the WordPress theme, and the implementation of the homepage’s static mockup onto the live site
Executed the homepage’s interactive elements
Aug 2022 – May 2023
Oversaw the visual aspects and overall presentation of individual pages, including designing & coding pages and interactions
Discussed and collaborated with the company director to distill the project requirements and determine the essential components for the website revamp
Collaborated with another developer to address the technical intricacies of the site, including assisting her with the Project Planner form
Primary Logo
Elements
Patterns
Photography
Process: The ideation of the brand elements
After the elements present on the homepage were done up by initial designer, I was tasked with the creation of the remaining pages.
4x icons – Done up by the previous designer
To align with the director’s vision of a clean-looking website with character and more “soul”, I proposed the 4 faces to be incorporated as part of the company’s branding after a careful assessment of the existing design stage.
The initial stages of the new branding
Drafts for the faces
The 4 faces were finalised after a few rounds of changes. As the company had just moved into a new office during the revamp process, I also did up some of the office decoration through laser cutting of plywood. Other collateral including a T-shirt were also done up per requested.
Coding of interactive elements
The brand elements were applied across various pages of the website by integrating code, plugins and/or graphics. The usage of codes and visual elements ensured a visually appealing and captivating presentation.
Other assets created to complement the site include: banners for the respective services, icons, and Facebook banners.
Search Engine Optimization
Google Ads (Search Engine Marketing)
Social Media Marketing
Facebook Marketing
Credits
Overall Designer & Team Lead
Ling Li Wen
Copywriting
Goh Yan Lin, Cal Yeo
Project Planner form
Lee Yong Yee (backend & functionalities, including the sliders)
Ling Li Wen (icons & CSS)
JS Optimisation
Lee Yong Yee
Services pages
Ling Li Wen (mockups)
Goh Yan Lin (ideation, presentation & contents)
Angie Sim, Edwin Ang (duplication)
Vicki Ong (eCommerce, Web Design, Custom Web App & Mobile Apps banner)
Portfolio
Ling Li Wen (mockups)
Angie Sim (duplication)
Team page
Shaik Mohideen, Lee Yong Yee, Edwin Ang
Videos
Cal Yeo (homepage video)
Shaik Mohideen, Edwin Ang (about page video)
Others
Initial concept & strategy
Kimberleen See, Alison Lim, Ling Li Wen, Cal Yeo
SEO & PHP Optimisations
Cal Yeo
Coding of Interactive elements
Ling Li Wen, Lee Yong Yee, Zayne Lee
Mobile Responsive
Ling Li Wen, Lee Yong Yee, Goh Yan Lin, Jaslyn Chua
Photography
Ling Li Wen, Shaik Mohideen, Abid Hassan