{"id":1556,"date":"2015-04-09T18:43:36","date_gmt":"2015-04-09T18:43:36","guid":{"rendered":"http:\/\/www.simpletwig.com\/blog\/?p=1556"},"modified":"2017-09-19T13:43:04","modified_gmt":"2017-09-19T17:43:04","slug":"web-a-quick-website-mockup-for-local-firm","status":"publish","type":"post","link":"https:\/\/www.simpletwig.com\/blog\/web-a-quick-website-mockup-for-local-firm\/","title":{"rendered":"A quick website mockup for local firm."},"content":{"rendered":"<p><em>\u2026while Mr. Ritchie liked the new look, he couldn&#8217;t pull the trigger on making it happen&#8230;<\/em><\/p>\n<p><!--more--><\/p>\n<p>As we go though our many years of project files, we sometimes stumble on projects that never were. \u00a0This one is a mockup of a website for Philip Johnson Alan Ritchie Architects. \u00a0In the past I&#8217;ve collaborated with Mr. Ritchie on a \u00a0variety of projects and felt that the impression they were giving with their current website was less than the reputation of their firm, and thus required a complete update in organization, scale and features appropriate to today&#8217;s web browsers and technology. \u00a0The result was this quick mockup to show him what it could look like.<\/p>\n<p><a href=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/03\/pjarwebsitemockup2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1558\" src=\"http:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/03\/pjarwebsitemockup2.png\" alt=\"Website mockup by SimpleTwig\u2122 Web\" width=\"768\" height=\"716\" srcset=\"https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/03\/pjarwebsitemockup2.png 768w, https:\/\/www.simpletwig.com\/blog\/wp-content\/uploads\/2015\/03\/pjarwebsitemockup2-300x280.png 300w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>While Mr. Ritchie liked the new look, he couldn&#8217;t pull the trigger on making it happen, perhaps because of an existing contract with a local web developer, or perhaps because he didn&#8217;t understand the steps that would have to happen to make the new design part of his company&#8217;s corporate image.<\/p>\n<p>The design features of this layout are:<\/p>\n<p>1) Featured image is front and center, floating to push it closer to the observer.<\/p>\n<p>2) Easy access to additional images with their own reflection.<\/p>\n<p>3) The projects within this particular category are easy to access, and are located below and connected to a thin line. Together numbers 1, 2 and 3 prevent a user from getting lost on the website, they can easily navigate to see new project.<\/p>\n<p>4) A short description give a user valuable data, while the PDF link provides them with the full profile and details of the project they can use to help promote the firm to others.<\/p>\n<p>5) Below these images are the main categories of this firm, \u00a0easy to access and always located at the same location no matter what page a user is on. \u00a0This aspect means that a user will never get lost in the layers of a website.<\/p>\n<p>6) Finally the vital information of the firm, consistent on every page means a user always knows where to get the information they need to reach the architect. \u00a0In fact one could say this information, the firm&#8217;s name, is the base of the building supporting all that is above.<\/p>\n<p>&nbsp;<\/p>\n<p>The idea that we can and do create websites and other graphic components might be a surprise to some, but for us it is only a small extension of what we already do. \u00a0We are Architect, so we understand organization, we are renderers, so we do digital illustrations and fully understand graphics, and we build our own websites since 1997, so understand the tools one needs to make and create a website. \u00a0For our own website, you might wonder why we do not have many pages. \u00a0Actually our website has 685 unique web pages, most of the links are of low priority and don&#8217;t command the access that the important pages have, because he also have priorities as a business, but if you&#8217;d like to see some of our web site work, then visit SimpleTwig\u2122 WEB:\u00a0<a title=\"http:\/\/simpletwig.com\/web.html\" href=\"http:\/\/simpletwig.com\/web.html\" target=\"_blank\" rel=\"noopener\">http:\/\/simpletwig.com\/web.html<\/a><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Let us know what you think of the above design, do you like the gray scheme allowing the images to take the stage? How about the floating quality of the feature image, or the reflections of the secondary images? \u00a0Do you like the organizational aspect, or do you think a traditional &#8216;top links&#8217; are the only way to do a website?<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; top: 244px; left: 105px; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Save<\/span><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; top: 244px; left: 105px; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2026while Mr. Ritchie liked the new look, he couldn&#8217;t pull the trigger on making it happen&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1559,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,1],"tags":[592,590,589,273,593,591,594],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/posts\/1556"}],"collection":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/comments?post=1556"}],"version-history":[{"count":0,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/posts\/1556\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/media\/1559"}],"wp:attachment":[{"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/media?parent=1556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/categories?post=1556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.simpletwig.com\/blog\/wp-json\/wp\/v2\/tags?post=1556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}