MortgageWorks: Brand and Website Development


Case Study: Originality is Key

MortgageWorks is a consulting firm that assists clients in making informed choices for their mortgages.



1. To develop and establish a new company that facilitates and educates customers on money lending in a fuss-free and stress-free way
2. Developing a series of corporate collaterals including logo, business cards, and corporate folder
3. To establish a competitive brand through visual identities
4. To develop a website that is bespoke and unique to differentiate themselves from competitors
5. Assisting users in calculating mortgage payments and finding the best suited packages with mortgage calculators and product comparison functions



1. Establishing a brand that is vibrant and youthful, much like themselves and their target audience, but at the same time come across as professional and credible, given that the founders have been in the industry for many years
2. Difficulty in pulling disparate ideas and concepts together
3. Engaging a reliable design agency while keeping to budgetary constraints
4. Liaising directly with an experienced supplier who is able to take the design and development processes in-house
5. Developing a website that is original and unique, without using stock images that may have been used for competitor’s websites



Superskill generated a couple of mood boards with completely different styles to help narrow down the scope of the concept without too much limitations on choices; and suggested using illustrations for the website and developed a few different studies for them to choose from
Key Capabilities
1. Concept visualisation
2. Moodboard generation
3. Illustrative skills
4. Understanding colour theory and typography
5. Working with multimedia design software
6. Layout and conversion optimisation
7. Strong understanding of UI, cross-browser compatibility, general web functions and standards
8. Deep expertise and hands on experience with Web Applications and programming languages such as HTML, CSS, JavaScript, JQuery and API’s
9. Good understanding of SEO principles and ensuring that application will adhere to them
10. Optimise application for maximum speed and scalability



1. MortgageWorks was impressed with the illustration for the website’s Hero Image, and Superskill’s prompt response and swift work in accommodating changes and revisions
2. A strong brand that is bright, bold yet playful, and generating widespread interest without losing its professionalism, hence differentiating itself from competitors
3. A mobile ready website that responds well to different screen sizes and is compatible across different devices (mobile phones, desktop, tablets, phablets)
4. Improved SEO and user experience


Project Scope

Design concept, brand development, website design and development