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

Wireframes

Type Lab Design Process

RESEARCH & ANALYSIS
Completed contextual research, Constructed use cases and user flows
CONTENT CREATION
Authored site content, Created site illustrations and graphics
DESIGN
Established information architecture, Produced wireframes, Created visual design system, Completed prototypes
FRONT END DEVELOPMENT
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
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google