Website Design for Digital Strategist
role: designer
year: 2023
client: Julia Fiore
collaborators: Julia Fiore, Douglas Escalante
tools: Squarespace, Illustrator, Figma, Miro
year: 2023
client: Julia Fiore
collaborators: Julia Fiore, Douglas Escalante
tools: Squarespace, Illustrator, Figma, Miro
I was hired to design a website for Julie Fiore, Digital Strategist. It presents her past client-work as well as her studio offerings and biography. This project included creating a strategic plan for how to present this work in a cohesive website. A crucial part of creating this visually impactful website was building a unified brand.
︎︎︎ See website
︎︎︎ See website
![](https://freight.cargo.site/t/original/i/a994d9168533d0a5b29e461e8a31d9e9cc198c2b233d4028b20b2226f6f8a24f/ezgif.com-video-to-gif-2-copy.gif)
![](https://freight.cargo.site/t/original/i/70649e1068643687842391880c82513d399541749aca0c8ec7eb4b5e51842a0e/Writing_Gif.gif)
Website Design:
I created a strategic plan to unify my client’s two main offerings: collaborations with art institutions and her writing. This involved creating engaging pages for 10 major client-projects as well as presenting her many articles, interviews, reviews, and essays in a user friendly format. Additionally I created pages for her biography, services, and client list as well as a contact page for new clients to reach out.
![](https://freight.cargo.site/t/original/i/0b2b906d73b493ac60f7cde55358a08632dcc2ae90bed2d186200a49ba0fa262/Ellsworth.gif)
![](https://freight.cargo.site/t/original/i/d937ff1e06fa35fdb1bfb759f0a49b8957b2cb55409608eb694e0bcb879601f3/Browser-02.png)
![](https://freight.cargo.site/t/original/i/b17900aa00edf841b68069a794c16bc469b97382d41923e8f1f3a36f77b6bff4/Browser-03.png)
![](https://freight.cargo.site/t/original/i/0fe5130353f2ce31a180197816adf8228a77fb460b7dcd591cc42763fa6e9039/Browser-04.png)
![](https://freight.cargo.site/t/original/i/65a2e05dbe6e259aa241c14f5d50d1046fe0cce9f8166f0e1c6d7b0100298794/Browser-05.png)
Branding:
My client was enthusiastic about having a bright, rich color palette that pulled from art and design references. We landed on a palette of high-contrast colors for both the background and text.
Color palette reference ︎︎︎
![](https://freight.cargo.site/t/original/i/eadda86b7087271a1770a505ab6d7a43ecec6f8a33c8a83ab496871da3faebb7/Colorpalette-01.jpg)
Approved color palette ︎︎︎
![](https://freight.cargo.site/t/original/i/a2eaeb25c5cbe6e6e733bc81bb50a823fbc373ec1190e6e5b854e328086cc089/Screen-Shot-2023-11-12-at-3.38.30-PM.png)
Fonts ︎︎︎
![](https://freight.cargo.site/t/original/i/94f70f70772cf978872054c456fe3da521f5a00aa1b34c117aa83efe1ba7544e/Screen-Shot-2023-11-12-at-3.39.35-PM.png)
![](https://freight.cargo.site/t/original/i/5f551aee4996147ea82b2359babf22ec44230ccdd938d54238e48f8b3f18ebfe/Screen-Shot-2023-11-12-at-3.39.48-PM.png)
Logo:
My client asked to use the font I designed called Tidbit. She liked this font because it aligned with her desire to have a unique, playful, and colorful logo. I animated Tidbit for the logo and some headers as well as some shapes that would be used strategically throughout the website to tie the visual landscape together.
![](https://freight.cargo.site/t/original/i/cecc45fc70a56887df94e307435e322f91f3bfd9cc9da19b5c3adb70d989e25b/Screen-Shot-2023-11-13-at-7.55.53-AM.png)
![](https://freight.cargo.site/t/original/i/e3ccf141f43d4185349bae9c86782d2838447dff114713f4c563c5965e794e5a/JF_Logo-02.gif)
![](https://freight.cargo.site/t/original/i/c8aeb47ec98d49e59a154a6971ba02d0a5213522db7adad158707031fb533db0/Circle.gif)
![](https://freight.cargo.site/t/original/i/fcd4070476a2c2d77c824583e615b8b7438803606deb258478634bf6520856f2/Dots.gif)
![](https://freight.cargo.site/t/original/i/4ee03495df64f7e2bb3ce66520a68a4defc0796792268be1e08a3b7b6f11bf14/Clients.gif)
![](https://freight.cargo.site/t/original/i/de2c09651f0a82b3815c8d126cb6fbe48022dbacbc41b826722d08e2a01dfe13/Services-02.gif)
Cursor & Favicon:
I designed a cursor and favicon using shapes from Tidbit to further align the visual landscape of the website.
![](https://freight.cargo.site/t/original/i/77b58a5fc22d2c3c33d7a1455b256faa202228bd0779896c46fa4cb65c7d311b/Screen-Shot-2023-11-13-at-8.07.22-AM.png)