![](https://cdn.myportfolio.com/cd14332be4ca303ed7610b8f35346328/f7489002-621c-4dcf-aaa8-f68b942f4ea6_rw_1200.jpg?h=ff1e42f5a074016cda4988da7bcd6d6f)
W I R E F R A M E S
Before I start with the design mockup, I came up first with the wireframes. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.
![](https://cdn.myportfolio.com/cd14332be4ca303ed7610b8f35346328/d02e19dd-d422-4462-97bb-14dc7fc5f77b_rw_1920.jpg?h=dbd6af34276875b524cf62dc37e19e42)
W E B D E S I G N
After all the wireframes are done and well-planned, I then proceed working on the look and feel of the design, designing in Adobe Illustrator for pixel-perfect, full-fledged colourful mockup responsive website design.
![](https://cdn.myportfolio.com/cd14332be4ca303ed7610b8f35346328/d66b498a-6022-4f3e-9703-e434713c3bd7_rw_1920.png?h=cdd167e44ceac87083b38fe2b7876f0d)