http://archi-type.co.uk Architype Sun, 22 Apr 2012 17:53:15 +0000 http://archi-type.co.uk en http://archi-type.co.uk/Joelson-Wilson http://archi-type.co.uk/following/archi-type.co.uk/Joelson-Wilson Sun, 22 Apr 2012 17:53:15 +0000 Architype 1717601 Joelson Wilson are a small but successful firm of lawyers working in the west end of London. Initially approached to consult on search engine optimisation for their existing website, Architype helped JW to develop an understanding of the science vs snake-oil debate surrounding SEO. This process eventually led to the full restructure and redesign of JW’s online presence and their approach to the web in general. The website combines a simple, clean typographic approach that belies a complex tagging system feeding contextual content to the various sector, service and news areas of the site. Joelson Wilson http://archi-type.co.uk/The-Table-Cafe-1 http://archi-type.co.uk/following/archi-type.co.uk/The-Table-Cafe-1 Tue, 13 Mar 2012 15:00:50 +0000 Architype 1722083 The Table Cafe is owned by the partners of Allies and Morrison Architects, and occupies the ground floor retail unit of the firms RIBA award-winning offices on Southwark Street. As such it forms part of the practice’s identity. An experiment in continued design influence post client handover. The Table Cafe account is an exemplar in terms of the way in which Architype enjoys working with its clients. The relationship is one of partnership, with Architype involved in every aspect of the Table’s business, consulting on suppliers and menu development to the specification of ‘point of sale systems’ - future proofed to allow for e-commerce. The range of projects and exploration undertaken in partnership with the table is wide and deep, ranging from signage - which has involved the design and prototyping of bespoke locking systems for the modular signage - to xml and indesign workflows allowing the menu to be updated daily whilst adhering to strict design templates. The new website takes this further by allowing daily menu changes to be entered online with print ready PDF files generated by the CMS. <img src="http://payload.cargocollective.com/1/0/30925/1722083/Table.jpg" width="620" height="493" width_o="620" height_o="493" src_o="http://payload.cargocollective.com/1/0/30925/1722083/Table_o.jpg" data-mid="11788190" border="0" align="left"/> http://archi-type.co.uk/PEN-Website-Pitch http://archi-type.co.uk/following/archi-type.co.uk/PEN-Website-Pitch Sun, 13 Nov 2011 19:07:07 +0000 Architype 2298641 Part of a pitch for the redesign and development of English Pen's website this newspaper was an investigation of the existing site and the psychology of keywording. Working in collaboration with Wired Canvas and Luck Laboratories we decided to explore self publication and further develop the brief through a programatic exploration of PEN's existing site archive. The tag clouds compare the keywords uploaded by PEN staff with keywords auto generated by running the archive through the Open Calais semantic keyword generation API. The results were startling with open Calais, in the words of PEN Director Jonathan Heawood, perfectly encapsulating PEN. We found this to be an important insight into how people over promote the organisation to the detriment of the message when keywording. Sadly we didn't win the pitch but feel we put up a good show, learnt lots and had a ton of fun in the process. <img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_0.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_0_o.jpg" data-mid="11537852" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_1.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_1_o.jpg" data-mid="11537864" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_2.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_2_o.jpg" data-mid="11537878" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_3.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_3_o.jpg" data-mid="11537898" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_4.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_4_o.jpg" data-mid="11537909" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_5.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_5_o.jpg" data-mid="11537916" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_6.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_6_o.jpg" data-mid="11537926" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/2298641/facade_7.jpg" width="670" height="447" width_o="1533" height_o="1024" src_o="http://payload.cargocollective.com/1/0/30925/2298641/facade_7_o.jpg" data-mid="11537940" border="0" align="left"/> http://archi-type.co.uk/Opera-Unlimited http://archi-type.co.uk/following/archi-type.co.uk/Opera-Unlimited Wed, 20 Jul 2011 16:05:00 +0000 Architype 1716657 Opera Unlimited produce performances to raise money for charity and run a programme of engagement with schools and other youth organisations including Feltham Young Offenders Institute. Architype was asked to produce a marketing pack for an upcoming series of fundraising events, but it quickly became apparent that focus should be bought to the visual branding of the organisation first and foremost. A flexible marque was developed that communicates the concept of unlimitedness through geometry and flexible application. The familiar form is both appropriate to the arts sector and opera specifically. The graphic simplicity of the marque allows for its use as a window or a device to obscure and intrigue, its form can be further played with to communicate different aspects of the organisations work. <img src="http://payload.cargocollective.com/1/0/30925/1716657/Marketing Pack_Final_EMAIL_Page_1.jpg" width="670" height="946" width_o="1241" height_o="1754" src_o="http://payload.cargocollective.com/1/0/30925/1716657/Marketing Pack_Final_EMAIL_Page_1_o.jpg" data-mid="8634937" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/30925/1716657/Strapline Options_02.jpg" width="670" height="235" width_o="700" height_o="246" src_o="http://payload.cargocollective.com/1/0/30925/1716657/Strapline Options_02_o.jpg" data-mid="8635218" border="0" align="left"/> http://archi-type.co.uk/PEN-50th-Anniversary http://archi-type.co.uk/following/archi-type.co.uk/PEN-50th-Anniversary Tue, 12 Jul 2011 22:55:38 +0000 Architype 1717641 To mark their 50th anniversary, the Writers in Prison Committee of PEN commissioned a mobile exhibition highlighting notable cases from the last 50 years, including 2010 Nobel Peace Prize winner Liu Xiaobo. The exhibition, comprised ten pull-up banners, giving a short biography of the persecuted writers, a sample of their work and photographs. The aim of the exhibition: to bring the writers, and PEN's work as a whole, to a wider audience. <img src="http://payload.cargocollective.com/1/0/30925/1717641/Exhibition_Thumbnails-1.jpg" width="670" height="656" width_o="2048" height_o="2007" src_o="http://payload.cargocollective.com/1/0/30925/1717641/Exhibition_Thumbnails-1_o.jpg" data-mid="8458019" border="0" align="left"/> http://archi-type.co.uk/Viewr http://archi-type.co.uk/following/archi-type.co.uk/Viewr Tue, 12 Jul 2011 22:46:00 +0000 Architype 1717665 Built to make the most of the beautiful screen on the new BlackBerry® PlayBook™, Viewr provides an intuitive and effortless way to browse photos uploaded to Flickr. Users can either browse the latest or most interesting uploads or search for image tags, then share on social networks. The focus of the design was on the user interface and a design language closely related to the Blackberry's own system applications. This gives the App a feeling of solidity. Programming was done in Flex by the insanely talented Luck Labs & Webroo <img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0000_Layer Comp 1.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0000_Layer Comp 1_o.jpg" data-mid="8457650" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0001_Layer Comp 2.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0001_Layer Comp 2_o.jpg" data-mid="8457652" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0002_Layer Comp 3.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0002_Layer Comp 3_o.jpg" data-mid="8457653" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0003_Layer Comp 4.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0003_Layer Comp 4_o.jpg" data-mid="8457655" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0004_Layer Comp 5.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0004_Layer Comp 5_o.jpg" data-mid="8457657" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0005_Layer Comp 6.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0005_Layer Comp 6_o.jpg" data-mid="8457658" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0006_Layer Comp 7.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0006_Layer Comp 7_o.jpg" data-mid="8457659" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0007_Layer Comp 8.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/30925/1717665/Viewr_0007_Layer Comp 8_o.jpg" data-mid="8457662" border="0" align="left"/> http://archi-type.co.uk/Press-Freedom http://archi-type.co.uk/following/archi-type.co.uk/Press-Freedom Thu, 16 Sep 2010 19:44:05 +0000 Architype 639362 pageTracker._trackPageview("/Press Freedom");The visualisation of trends and data is a hot topic of conversation for NGO's and other campaigning organisations looking to succinctly communicate complex issues. Using raw data published by Reporters Sans Frontières and the Committee to Protect Journalists algorithms were developed to visualise the data in a way that communicates the changing profile of press freedom in the world. Bored with the standard Mercator world map projection, an unusual tetrahedral projection kindly supplied by Carlos Furuti was employed. <img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print4.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print4_o.jpg" data-mid="2973604" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print5.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print5_o.jpg" data-mid="2973611" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print6.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print6_o.jpg" data-mid="2973616" border="0" align="left"/> Visualising the 'change' in press freedom rather than the extent of that freedom reveals interesting patterns such as the similarity between the curves representing the USA, Iraq and Afghanistan. <img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print_o.jpg" data-mid="2973587" border="0" align="left"/> Plotting those trends as linear interpolations reveal unexpected results such as a slight increase in press freedom in China! although a cross referencing with the actual state of freedom in China does put that increase in perspective. <img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print2.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print2_o.jpg" data-mid="2973593" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print3.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print3_o.jpg" data-mid="2973598" border="0" align="left"/> Sometimes raw data can be as compelling as clever data processing. Listing journalists killed together with the location of death, cause of death and other associated information presents a stark message. <img src="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print7.jpg" width="670" height="948" width_o="1684" height_o="2384" src_o="http://payload.cargocollective.com/1/0/30925/639362/A1_Posters_print7_o.jpg" data-mid="2973639" border="0" align="left"/> http://archi-type.co.uk/The-Undrowned-Child http://archi-type.co.uk/following/archi-type.co.uk/The-Undrowned-Child Mon, 17 May 2010 22:49:22 +0000 Architype 416578 pageTracker._trackPageview("/The Undrowned Child");'Venice is dying, strange beasts haunt its shores and an ancient evil has been awakened. Only eleven-year-old Teodora and her friend Renzo can save the city and fulfill a strange prophecy.' Working closely with author and client Michelle Lovric a website was created around the magic book, which guides Teodora's hand throughout the narrative. The website explores the world of the Undrowned Child, the author and contemporary Venice as well as providing tips for aspiring young writers. <img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web_o.jpg" data-mid="1845943" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web2.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web2_o.jpg" data-mid="1845946" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web3.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web3_o.jpg" data-mid="1845950" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web4.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web4_o.jpg" data-mid="1845953" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web5.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web5_o.jpg" data-mid="1845956" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web6.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web6_o.jpg" data-mid="1845965" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web7.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web7_o.jpg" data-mid="1845983" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web8.jpg" width="670" height="447" width_o="1671" height_o="1116" src_o="http://payload.cargocollective.com/1/0/30925/416578/Promo_Web8_o.jpg" data-mid="1846001" border="0" align="left"/> Publisher Orion Books Web developer Brett Biedscheid Designed while in employment at Allies and Morrison Architects http://archi-type.co.uk/Index-on-Censorship http://archi-type.co.uk/following/archi-type.co.uk/Index-on-Censorship Mon, 17 May 2010 16:40:43 +0000 Architype 415774 pageTracker._trackPageview("/Index on Censorship"); Index on Censorship is one of the world’s leading repositories of original, challenging, controversial and intelligent writing on free expression issues. Index on Censorship continues to log free expression abuses in scores of countries, report on censorship issues from all over the world, and add to the debates on those issues. <img src="http://payload.cargocollective.com/1/0/30925/415774/batch 2_2.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/batch 2_2_o.jpg" data-mid="1843242" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00784a.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00784a_o.jpg" data-mid="1946160" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/closeup.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/closeup_o.jpg" data-mid="1946314" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00773.JPG" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00773_o.JPG" data-mid="1841824" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00774.JPG" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00774_o.JPG" data-mid="1841844" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00775.JPG" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00775_o.JPG" data-mid="1841851" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00776.JPG" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00776_o.JPG" data-mid="1841865" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00777.JPG" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00777_o.JPG" data-mid="1841915" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/415774/DSC00772.JPG" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/DSC00772_o.JPG" data-mid="1841963" border="0" align="left"/> The Extremism issue of Index took as its central theme the legal reaction to the perceived terrorist threat post 9/11 and not the threat itself. The brief forbade the use of potentially ambiguous cover imagery - no Muslims in traditional dress or anything else that could be seen as adding to the hysteria surrounding this issue. The solution was to create a typographic interpretation of the word extremism on a 'Guantanamo orange' background colour. The image on the back is the government evidence stamp taken from the infamous 'terrorists handbook' - possession of which has led to controversial arrests and prosecutions. <img src="http://payload.cargocollective.com/1/0/30925/415774/batch 2_1.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/batch 2_1_o.jpg" data-mid="1843260" border="0" align="left"/> The internet has created a new age in the battle for freedom of expression. The design solution explored screen icons associated with missing files, drawing a visual link to the X of index. Further reference to technology was made by writing all the cover copy in html code. <img src="http://payload.cargocollective.com/1/0/30925/415774/batch 2.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/30925/415774/batch 2_o.jpg" data-mid="1843273" border="0" align="left"/> The graphic language of protest is one of easy and cheap reproduction. Stencil artwork is one such style and pre-dates Banksy by millennia. The cover comments on the dangers faced daily by those reporting the middle east. See slide show of the stencil artworking here. http://archi-type.co.uk/Softgrid-Ltd http://archi-type.co.uk/following/archi-type.co.uk/Softgrid-Ltd Sat, 15 May 2010 23:37:36 +0000 Architype 413158 pageTracker._trackPageview("/Softgrid Ltd");<img src="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0004_Vector Smart Object.jpg" width="670" height="446" width_o="802" height_o="535" src_o="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0004_Vector Smart Object_o.jpg" data-mid="1829189" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0003_Vector Smart Object.jpg" width="670" height="446" width_o="802" height_o="535" src_o="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0003_Vector Smart Object_o.jpg" data-mid="1829190" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0002_Vector Smart Object.jpg" width="670" height="446" width_o="802" height_o="535" src_o="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0002_Vector Smart Object_o.jpg" data-mid="1829191" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0001_Vector Smart Object.jpg" width="670" height="446" width_o="802" height_o="535" src_o="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0001_Vector Smart Object_o.jpg" data-mid="1829192" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0000_Vector Smart Object.jpg" width="670" height="446" width_o="802" height_o="535" src_o="http://payload.cargocollective.com/1/0/30925/413158/Softgrid_0000_Vector Smart Object_o.jpg" data-mid="1829193" border="0" align="left"/> Startup Architecture firm Softgrid wanted an experimental website to communicate their international, collaborative way of working. The solution was to create a database driven spring-graph which allows users to browse the relationship between projects, collaborators and Softgrid offices. Flash/Flex site currently in development Web developer Kelvin Luck