Website Creation Process

Before learning on how to design a website, I did not know how much time, effort and deliverables needed to create the eventual design. After learning on how to create one, I...

love designing and creating websites, which earn its spot in Guided Learning!

Wix

Through searching up on the different platforms to create websites, I chance upon Wix and started using it to create websites and portfolios.

Branding

I have come up with the brand colours, typography and graphics through creating the brand system that I learn from school. The logo and icons are changed due to unforeseen circumstances (logo drawings don't align to the brand, chosen wireframe kit has some issues that affects chosen icons.

Sitemap

In every creation of apps and websites, sitemaps are very helpful for me in knowing the navigations that users are provided with. Sitemaps are similar to user navigation flowcharts in allowing users as well as the designers in figuring out how to best smooth the user interface experience.

Lo-fi wireframes

Before hi-fi wireframes, lo-fi wireframes are used to help users visualise the interface in a more generic version before making it more customised and digitalised. Lo-fi wireframes are created through paper and pencil (sketches).

Hi-fi wireframes

Creating hi-fi wireframes are very helpful in visualising how the frames would look like digitally and pick out mistakes and changes needed before adding colours and creating the prototype.

Prototyping website

Adding colours and graphics along with prototyping the website on FIgma helps to visualise the website as a whole and create the initial stage of the website before publicising it.