— Website design —
![](https://cdn.myportfolio.com/f2605d36-f298-42ef-b3f4-30701648e7dc/ccef0bff-955b-4089-a968-b47868f18b36_rw_1200.png?h=807ffda5dd4fe9e7e1a5f55ec60385fc)
a BOLD website
About
Network creates fresh branded content delivered via traditional communication channels. This young content studio deserved a website that reflected its ability to effortlessly join the old and the new.
Their web presence shows just that: retro communication devices are combined with bold visuals and subtle animations make the whole thing come alive.
Squarespace provided a great starting point for the website. I wrote custom CSS and HTML code to modify sections' style and layout.
What I Made: Website Design, UI, Visuals, Implementation in Squarespace
Skills Used: UX, UI, Design, Animation, CSS, HTML
Tools Used: Figma, After Effects, Photoshop, Dreamweaver
Client: Network
![](https://cdn.myportfolio.com/f2605d36-f298-42ef-b3f4-30701648e7dc/a8a24283-8b4b-4597-b257-e5d1d6559898_rw_600.gif?h=e8531c9d936617aaaeeae18d449439ca)
Hero Image
The first things users see on the site is the colorful and playful animated hero image. I made the photo collage and animated the glitching NETWORK logo and the color bar test
![](https://cdn.myportfolio.com/f2605d36-f298-42ef-b3f4-30701648e7dc/2597c6b4-115c-49b5-ae61-47d04b640cb9_rw_1200.png?h=fd931296ee6d54f78139a19a15a01f16)
I established the visual style and created custom collage imagery to accompany Network's work samples.
![](https://cdn.myportfolio.com/f2605d36-f298-42ef-b3f4-30701648e7dc/94a4bd35-66d3-4686-9766-f08d2c250154_rw_1920.png?h=0ec5c62ece8d9f4b2388caab780febf5)
The website's font choices reflect the modern-vs-retro theme. The modern Poppins font is used in headlines and throughout the copy, whereas Besley provides additional context in labels below visuals and content pieces.
![](https://cdn.myportfolio.com/f2605d36-f298-42ef-b3f4-30701648e7dc/448bbd50-15c9-4d5a-9e3a-0883e11ef215_rw_1200.png?h=f8b432bd7e50dfbe5dc81ac7db7f94dc)
The website's wireframes side-by-side with the finished design.
![](https://cdn.myportfolio.com/f2605d36-f298-42ef-b3f4-30701648e7dc/9af3fd5f-7203-46f1-9a36-4b5684ee2054_rw_600.gif?h=4675050332fbc3b5c1964e39ebd7d81e)