When we began the internal discussion around our upcoming redesign for the 33 Degrees website, we had a good number of ideas regarding where we wanted to focus our attention. After some debate, it was decided the content and marketing language would benefit from a complete refresh to better target and engage our audience. Let…
Read this article Content First Design: Our Story
Posts Categorized: Web Design
Web Fonts: Learn to Love Online Typography
Engage and delight people who visit your website by incorporating web fonts into the design. The selection and application of unique fonts will add to a companies personality and the overall brand appeal. We previously looked at the anatomy of a typeface to better understand the composition of the characters. Now, let us explore how…
Read this article Web Fonts: Learn to Love Online Typography
9 Tips for Adobe Illustrator Wireframes
There are many wireframe applications that I have tried which are available to designers including Balsamiq, Sketch, and Macaw but I always find myself preferring to use Adobe Illustrator. At the time of writing this article, Illustrator is on version CC 2014.1.1 (v18.1.1). Here are some tips and tricks that I use to create Adobe…
Read this article 9 Tips for Adobe Illustrator Wireframes
Basics of Typography Guides: Font Anatomy
When working on a project, there often comes a moment when the layout designer will consider changing the font selection for a specified section of content. Designers understand the basics of good typographic and how to apply them to their layout. With some basic understanding of typography, anyone can improve the selection of fonts and…
Read this article Basics of Typography Guides: Font Anatomy
Wireframe Design Process
Early in the design process, after creating user personas, we develop wireframes for a website or user interface (UI). A wireframe is a simple drawing consisting of lines, boxes, and simple grayscale graphics depicting page elements, organizing its content and communicating hierarchical structure. The wireframe design process provides numerous benefits to the client, designers, and…
Read this article Wireframe Design Process
42 Questions to Ask When Developing User Personas
When you’re kicking off any major website or product, identifying the target users with personas is an essential step of designing relevant, well-informed solutions. Personas are imaginary user profiles that marketing and user experience designers create to represent the different user types within a targeted demographic. Each persona might use a website or product in…
Read this article 42 Questions to Ask When Developing User Personas
5 Major Reasons to Use Personas
When we kick off a new website project, we like to formally determine the target users for a client’s website with personas. A persona is a fictional character that marketing and user experience teams create to represent a majority of the different user types for a given product, in our case a website. A typical…
Read this article 5 Major Reasons to Use Personas
Tale of Designing for a Responsive Web
Don’t you love it when everything is positioned perfectly? Throughout my life, I’ve strived to have items organized in a particular manner. This worked to my favor with design and website development. Everything on the printed page has a fixed position. Websites were often built with a fixed width which made positioning items within the…
Read this article Tale of Designing for a Responsive Web