This project documents my process creating a personal portfolio website including selecting color palettes, font combinations, sketching thumbnails, and finally coding the website. Watch the short videos at the top to see a scroll-through of the website in both desktop and mobile formats.
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/89d9fe10-b32a-4fc5-be6b-13f69fc13636_rw_1920.jpg?h=e38292385f1fd84e3481f874fcc3131b)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/d02d5e1f-3e7e-4ebb-bd1c-2e06efa06a94_rw_1920.jpg?h=a950ddd6074d1bc0f53efe14af2d427f)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/51360d0f-6c07-4a14-afc9-4fd378223c07_rw_1920.jpg?h=335afc72bdc9932112ea9c2008f8418c)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/44b28e55-d1ae-466a-896b-1326497ea9a8_rw_1920.jpg?h=ebd37b3736a6401806dea11a3ea71887)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/f05bd01d-c65f-4a57-a94d-79d2c98f4ab8_rw_1920.jpg?h=4387fde03da61edec6c64ee24b516375)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/f94fe503-f567-4735-874d-2098de7935c0_rw_1920.jpg?h=20d8b47d040efa8cfde04b9c8a22870d)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/f8d04a10-ba46-4270-a6cf-14e153cb3650_rw_1920.jpg?h=deca230e03ed74fa67652abf98c02854)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/8aa9c793-1c51-462a-ad17-5604df925bae_rw_1920.jpg?h=f2dec808125d85c876223e4737c4fe90)
Font and Color Palette Studies:
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/e3c75dc3-d5eb-4441-9527-a9f3f4b9ade3_rw_1200.jpg?h=e809fd83139b91bb1bca596b95523193)
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/e63d88c4-59ab-4bc8-8626-0b52bdd14f43_rw_1200.jpg?h=603467e713e9feca07701d9dd27c21d8)
Website Layout Thumbnail Sketch:
![](https://cdn.myportfolio.com/3e3c7491-39a2-480e-bd8d-588858858d0d/0b9059ad-8bb5-491f-9465-5e1659ff9dc4_rw_1920.jpg?h=a9c3bb884cf925188ecc7f62753259fc)