What
A full redesign and rebuild of Mordek's website, with mobile-friendly product content, PayPal and credit card payments, complex conditional forms, and ongoing digital support across advertising, TV commercial edits and marketing assets.
Why
To update the site's information architecture, add clearer messaging, expand detailed product content, refresh the look, make the site mobile friendly, and support payment integration.
Who
Steeline
An Australian steel building-products network that acquired Mordek; I continued working with them after the redesigned Mordek site went live.
How
Design
I reviewed the requirements, researched the site structure and put together a wireframe-level design.
Once the key elements were confirmed and the visual styles agreed upon, I began development. Additional design tasks such as creating email signature blocks were also requested.
Development
I built a custom responsive theme to meet the requirements, keep page weight low for heavy mobile usage, load quickly and support HiDPI ( "Retina") screens.
Additionally, the site had to incorporate PayPal and credit card payments in the most streamlined way possible.
Hosting
Speed was a key area of improvement for this website. Using a number of server-side improvements to generate pages significantly faster, layered with additional caching via Cloudflare's geographically dispersed CDN and DDoS protection to assist further in speed, security and uptime.
The setup made the site roughly 5x faster than the previous website, and 3–5x faster than their competitors' websites.
Photo/Video Editing
Whilst populating the site's content, many images and marketing assets
had to be edited and modified in Photoshop and Illustrator, some
extensively.
Ad hoc editing was required for multiple TV commercials in Final Cut Pro, as well as organising hosting for them.
With
-
Cloudflare -
Custom CSS -
Cypress -
Final Cut Pro -
GitHub -
Illustrator -
JavaScript -
Linux -
PayPal -
Photoshop -
PHP -
WordPress
Final design
