Websites

A collection of websites I've designed and coded.

Vibrations

The 2018 online art magazine for Everett Community College.

Features a responsive and filterable image gallery with minimal Javascript.

Design Process

Darion's BBQ Sauce

A WordPress website for Darion's BBQ Sauce, a barbecue sauce business.

Features an online storefront to purchase barbecue sauce.

Design Process

Dreemlan Design

A personal logo portfolio website, designed and coded from scratch.

Features a one-page layout with a responsive image grid.

Design Process

actuallyHQ

A desktop wallpaper website, designed and coded from scratch.

Features a responsive image grid with lazy-loading support.

Design Process

Logos

A collection of logos I've designed.

GeneratePress Logo Design

GeneratePress

www.generatepress.com

Logo design for GeneratePress, a WordPress theme with over 1 million downloads. It can be difficult to design a logo for something with no physical representation. You don't have any objects to base your design on, so I decided to use the letters G and P in a unique, but pleasant, shape. I originally made the design into a cog/gear to represent the creation of the WordPress theme, but we decided it would be better to keep it simple and to the point.

10 YEN Logo Design

10 YEN

www.10yenharwichport.com

Logo design for 10 YEN, a sushi and ramen bar in Harwich Port, Massachusetts. The client wanted a minimal design with a hint towards sushi/ramen and Japanese aesthetic. I decided to experiment with a kind of brush stroke for the design and while experimenting with different shapes, I realized how perfect the "10" looked. Not only is it the number 10 as is used in the name 10 YEN, but it's also a bowl and chopsticks or a plate and chopsticks, which ties into the sushi/ramen. I then put the text "TEN YEN" inside of the bowl/on the plate because that's the main dish so to speak. I used red to tie into the Japanese aesthetic.

KinematicSoup Logo Design

KinematicSoup

www.kinematicsoup.com

Logo design for KinematicSoup, a software development company based in Canada. I was given an isometric cube to be the main focus of this design. The cube represented the "kinematic" part of KinematicSoup. Now I just had to think of how to visualize the "soup" aspect. After tinkering around with very abstract representations, I asked myself, "Why not actually use soup?". I imagined the cube as a physical container, like you would put leftover soup into, and ran with that. I designed to cube in a kind of thin outline with the soup being a bright, rich, orange filling the inside. I used orange because it often evokes passion the same way that red does, but more hopeful and happy with a warm feeling like you get from soup, versus the passion/aggression that comes with red.

AlmostNeverFilms Logo Design

Almost Never Films

www.almostneverfilms.com

Logo design for Almost Never Films, a film production/finance company based in Los Angeles, California. I was given two symbols to create a design out of. ≈ to represent "almost" and ≠ to represent "never". Immediately, I tried to combine both of the symbols into one. You can put them side-by-side to represent "almost never", but it's almost always better to have less when you can in logo design. I noticed that there were already some obvious similarites in both of the symbols, such as two horizontal lines that are parallel. So, I combined the two in a simple design and put it in the negative space of a square in a kind of layered style.

BlazeGuard Logo Design

BlazeGuard

www.blazeguard.com.au

Logo design for BlazeGuard, a cybersecurity company based in Australia. Immediately after reading "BlazeGuard", I visualized a flame and shield. Now to just actually design it. I started with a shield and added flames to the top of it, but something didn't sit right with me. I redesigned the logo by starting with the flame first and forming a shield from that shape. This gave more emphasis on the flame/"Blaze" aspect of the design, which I think is good because that's what sets this design apart from any other security company logo with a shield. I added some shading to the flame to give it more depth and make it look more like a shield. Without that shading, it just looked like a pointy flame. I used orange because I obviously wanted to tie into fire/flames, but I often feel like red is too passionate or aggressive. Since this is a security company, I felt like the joy and hopefulness that comes with the color orange was a nice balance to the seriousness of a security company.

Certan Health Logo Design

Certan Health

www.certanhealth.com

Logo design for Certan Health, a medical software company based in California. I wasn't given too much to work from with this project besides the letter C. I definitely wanted to have some kind of "tech" feel to the design due to it being a software company, but still be friendly. I used a very calming color palette of a blue to green because I felt like that feeling was appropriate for a medical environment. When trying to make something feel "techy" it's basically using sharp edges and often square-ish shapes. So, I formed the C into a kind of 3D cube shape using repeating shapes as well as implementing the gradient of colors into each shape.

Pivant Logo Design

Pivant

www.pivant.com

Logo design for Pivant, a company that provides administrative/billing services for medical practices. Based in Las Vegas, Nevada. The name Pivant is a play on "pivot". I wanted to show the idea of pivoting through the design. I began rotating different letters to convey the idea of "pivot", but ended on the first letter, P. The first letter, P, is perfect because when it's used by itself people can recognize it as "Pivant". If I had rotated the "a" and made it stand out, if it were used by itself, people wouldn't connect the letter "a" to the name "Pivant". Not only that, the P also has a natural semi-circle at the top of its design and this worked nicely when putting it into the negative space of a circle to make it stand out further as well as visually convey the "pivoting" more effectively.

skriblCMS Logo Design

skriblCMS

www.skriblcms.net

Logo design for skriblCMS, a user friendly, SEO driven, content management system. Immediately, I knew that there had to be some kind of scribble in the design due to the name. I started scribbling the name and trying to incorporate that idea into the design. I eventually landed on a scribbled "S". It's very simple, but effective at the same time. I had a difficult time making a scribbled "S" stand out on its own and work well as a logo. So, I put the "S" into the negative space of a circle to make it more than just a letter or a scribbled line.

Hancock Logo Design

Hancock

www.hancock.ink

Logo design for Hancock, a digital signature tool. Hancock is referencing John Hancock, remembered for his large and stylish signature on the United States Declaration of Independence. "John Hancock" has since become somewhat of a synonym for "signature". I first started by designing a quill and ink pot, as that's what John Hancock used or really anybody in that time period used. After trying multiple iterations of the design, I came to the conclusion that both a quill and ink pot was too much and the design became too complex. I decided to use only the quill in the design as that's the most important part. With this project, I really began to understand how designing something realistically isn't always the best. In this case, the feather was too large and the point of the quill was too small to be seen when the design was scaled down. I had to skew the proportions, sacrificing realism in exchange for more effective design. After multiple iterations of this, I finally landed on a design that I'm very proud of.

Logo Concepts

GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design
GeneratePress Logo Design

Hey,

my name's Denver Johnston.

I'm a graphic & web designer / developer based in Washington, US.

Simple, clean, and effective is my design philosophy.

Web

Graphic

Email

denver@denverjohnston.com