Visual Design Gallery
A collection of my visual design work.
These designs were created in Adobe Photoshop, Sketch, Adobe XD, or Figma. Some of these designs can be found in my projects or posts, some have posts in the works. And I will be adding more, as I come across them.
My design tools are mainly; Figma, Notion, and my trusty pen & notebook.
<div class="image-grid -gallery"> <div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/601a3c27abc05e24d9192ea7_Desktop%20HD%20copy.jpg" alt="Promotional Ford F150 langing page - Strathcom Media"/> <figcaption>Promotional Ford F150 langing page - Strathcom Media</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/601a547bf52e31c294b6426a_bronco-layout.jpg" alt="Launch promotion for the newly announced 2021 Ford Bronco - Strathcom Media"/> <figcaption>Launch promotion for the newly announced 2021 Ford Bronco - Strathcom Media</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/601a514252654a4a12fe07a5_vw-dark-theme.png" alt="OEM Program Volkwagen Dealership home page design - Strathcom Media"/> <figcaption>OEM Program Volkwagen Dealership home page design - Strathcom Media</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/601a5f33e8ddee07c6177a1b_yumishair.jpg" alt="Yumi's Hair, YEG hair stylist website design - Strathcom Media"/> <figcaption>Yumi's Hair, YEG hair stylist website design - Strathcom Media</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/601a4e04610055f809c6d763_strathcom-design-example.png" alt="Strathcom Media website concept"/> <figcaption>Strathcom Media website concept</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/61f0b2af2eac36bd824ffdf0_Desktop%20-%20Main.png" alt="Force Bridge Contest Entry - Nervos Network"/> <figcaption>Force Bridge Contest Entry - Nervos Network</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/61f0b2c4b52bb305e2806e80_Mobile%20-%20MetaMask%20Connected.png" alt="Mobile Edition! Force Bridge Contest Entry - Nervos Network"/> <figcaption>Mobile Edition! Force Bridge Contest Entry - Nervos Network</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/61f0b2c54befa744d7b57a69_Mobile%20-%20Web%20Browser.png" alt="Mobile Edition! Unconnected Wallet - Nervos Network"/> <figcaption>Mobile Edition! Unconnected Wallet - Nervos Network</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/60188e9aa8a9e06b964f36f4_Collection.png" alt="Search Results - Untitled plant app"/> <figcaption>Search Results - Untitled plant app</figcaption> </figure> </div><div class="image"> <figure> <img src="https://cdn.prod.website-files.com/600f96ac41927111eb4a3f6d/60188eafcc4d9a1b5d12c242_Individual-Plant.png" alt="Plant Profile - Untitled plant app"/> <figcaption>Plant Profile - Untitled plant app</figcaption> </figure></div></div>
Moving forward, I will be posting my personal designs on Dribbble. Please consider this an archive from my pre-digital garden days.
Work in progress
The following content is a rough draft. Feel free to bug me on twitter to revise this.
Build a article progress bar.
This is the article intro text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis curs justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Duis curs justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristiq.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis curs justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis curs justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Duis curs justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristiq.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis curs justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.