While i’m at the office I often have a design podcast running in the background. One of the podcast sites I visit most is Design Matters with Debbie Millman, so I decided to make a redesign concept in my spare time. The current website has some awesome elements that I felt can be […]
Using Google Fonts for web.
Google fonts are a great free resource for web designers. Using them however, wasn’t straight forward for me at first. I’ve created a quick step by step guide for new web designers to use as reference. Enjoy! How to run a google font on a site. First, go to https://www.google.com/fonts and select the fonts you […]
WordPress Automatic Updates
We currently manage around 50+ wordpress sites. Keeping plugins up to date on a wordpress site quickly became a daily routine. This task quickly had to be tasked to one of our team members on a daily basis. Enabling Automatic Updates By default, every site has automatic updates enabled for minor core releases and translation […]
Raetz Law – Logo Design
We are currently working on a website redesign for RaetzLaw.com. As a part of this project, I am creating a logo to compliment the new site and colors. After some initial research and sketching, I created a few renditions using Illustrator. The early renditions can be seen below. From this point, I decided to focus […]
Dashboard Concept
This week I focused on creating a simple and clean dashboard that can be applied to school or office setting. The goal of the dashboard is making the navigation feel new without taking away from the usability, and keeping the notifications in focus. To accomplish this, I created a navigation that rest on the left […]
User flow – Mock up
After a meeting with a potential client, I began building a low fidelity user flow for our proposal. Creating a rough user flow allows us and the client to see the amount of work a site will take to build out, which gives us an approximate timeline and price point. I usually start with a […]
Sierrameat
Initial Sketches When creating a website, I typically start with a series of rough sketches that will lay out the structure of the site. From there, I revise a few elements based on discussions with the client. Wireframe After a general outline is established with the sketching process, I proceed to create a digital […]
JVC
Wireframes Initial wireframes were shown to the client to show navigational flow, positioning, and page layouts. The wireframe consisted of 3 main page layouts. Home Page, Product Category Page, and Product Detail page. Initial Wireframes → Home Page Concept Category Page Concept Detail Page Concept Branding We wanted to keep the branding consistent across their […]
FTP via Windows Explorer
1 – Go to Start > Computer or use the shortcut Windows Key + E to start Windows Explorer. 2 – Type ftp://yourdomain.com into the top address bar. 3 – Input the full username and password for the ftp account and click Log On. 4 – You now have an open FTP connection. You can […]
Jacket Software – Design process
When given the task of redesigning the logo for Jacket Software, I immediately did some research on the company, its current logo, and its goals. As always, I began my logo design process by sketching 10-20 different concepts. This is an invaluable step that is often overlooked by designers, but actually helped me land […]
Logo Design – Jacket Software
Jacket Software is a company that builds web applications, and are in the process of upgrading their software. In the meantime, I was given the task of redesigning the company’s visual identity. I started with the logo. Below is the final version of the logo. You can see an overview of the process here. […]
JQuery Multi Email Validator
Used JQuery to create a custom email validator. Problem: A single text-box which allows users to type in multiple email addresses. Example: test1@somedomain.com, testA@somedomain.org https://github.com/RaviRamDhali/programming-procedure/blob/master/Snippets/JavaScript/JQuery/emails-array-validator