Full portfolio available at vickyteinaki.com/portfolio.
Starters/Aesthetics of Touch (PhD Research, 2010-present)
starters.cc (in development)
Research, interaction design, Drupal development, Mediawiki development
My PhD at Northumbria began with investigating the language of touch (as documented on the Aesthetics of Touch blog and later morphed into investigating the language that designers use to talk about their work. I am currently investigating how to use crowdsourcing as a means of communicating design work.
Wireframes and development in Drupal
Other work has included using wikis to share design information (using Mediawiki) and experiments to show apparent density of objects.
Pages from Development
Deployed Mediawiki used for sharing data
Experiment showing apparent density of objects
Get Sorted (2008)
Information Architecture, wireframes, prototyping /testing, CSS/HTML/JS, Drupal development.
Get Sorted Catalogue Page
The first Drupal project that I did all information architecture and development (running on Drupal 6) for. The furniture system is highly interconnected and the site shows these connections.
My thoughts on making it were summed up in a presentation I gave at Drupal North East on designing Drupal sites (which also was featured on the Slideshare homepage in November 2011).
Carried out as part of Locus Research. Design by Zoe Sizemore. The site has since been expanded to cover different regions.
Johnny Holland (2011)
CSS/HTML/JS, WordPress development, Mercurial versioning
Design by Jeroen van Geel, development with Dennis Koks and Bob Karreman
Johnny Holland featured post and edit page
Johnny Holland is an online magazine focused on interaction design. The site was launched in 2008 and by 2011 was beginning to outgrow its basic WordPress theme. The second version of the site was to better accommodate the different types of content (post, podcast, video, events) hosted on the site and make the process of inputting content less manual (the rolling post system meant that editors often had little time to theme pages).
Radio Johnny (view and edit page)
I worked from Jeroen van Geel’s design to create a development solution that (I felt) pushed WordPress to its limits. My additions included custom coding to allow featured articles to be ‘art directed from the editing panel’ by specifying post-specific colour schemes, featured images and image position without having to code. The formerly tedious process of adding podcast or video information was reduced to a simple editing box, and a custom calendar system showed UX events and allowed visitors to submit upcoming events.
This was just one aspect of my involvement with the magazine. I started writing for Johnny Holland in early 2009 and was an editor from 2010-12.
Praxis and Poetics sub-sites (2012)
Prototyping/testing, CSS/HTML/JS, WordPress development
Praxis and Poetics
The Praxis and Poetics site holds two related but separate conferences being held at Northumbria University in 2013. While the sites share a commmon theme, they are organised (and thus content managed) by different teams. The key for this development was to maintain visual consistency across the two sites while allowing each team to work on their sub-site independently.
This was achieved by setting up a multi-site WordPress network and a single theme (allowing for bulk changes) with targeted alterations for each of the two sites. The sites use a highly customised child theme of Twenty Twelve to be responsive—useful for conference attendees checking programme details on devices—and to allow for security updates to WordPress in the near future.
Singing Stones (2006)
Design, Flash/Actionscript programming
Singing Stone Demo
I consider my thesis project from my product design degree as my gateway drug to coding. After being taught a few weeks of Flash, I hit the books and internet to make an interactive demo in Actionscript for a concept that allowed people to make music based on the do-re-mi scale. It was a Bronze Winner in the Student Product section of the 2005 New Zealand Best Awards.
While I’m proud of getting it working in Actionscript all those years ago, I’m interested in recoding it using the new HTML5 audio capabilities.
I’ve also done some side projects for the fun of it, such as:
For more of my design work, see my portfolio .