Type Lab Website

Challenge: Create a responsive website as a practical illustration of skills developed within the Master’s thesis program. All phases of the website, from research, concept and design, to development and implementation to be completed during the year-long MA course.

Solution: Type Lab is a comprehensive guide to using, and working with, typography on the web. The site educates users on fundamental principles of typography, visual guidelines, as well as its technical methods and limitations. Custom graphics used throughout the site illustrate typographical concepts. Type Lab was created with a mobile-first, responsive approach with HTML & CSS, JavaScript, jQuery and PHP functionality.

My Role: Responsive Web Design, HTML/CSS/JavaScript, Illustration

Mobile Layouts

Desktop Layouts

Custom Illustrations


Type Lab Design Process

Completed contextual research, Constructed use cases and user flows
Authored site content, Created site illustrations and graphics
Established information architecture, Produced wireframes, Created visual design system, Completed prototypes
Wrote HTML/CSS/Javascript code. Created PHP components. Built and launched fully responsive website.
Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Consent to display content from Youtube
Consent to display content from Vimeo
Google Maps
Consent to display content from Google