{"id":8,"date":"2012-07-08T13:21:33","date_gmt":"2012-07-08T13:21:33","guid":{"rendered":"http:\/\/www.trevorwells.com\/wordpress\/?page_id=8"},"modified":"2017-01-25T12:55:08","modified_gmt":"2017-01-25T12:55:08","slug":"page-2","status":"publish","type":"page","link":"https:\/\/www.trevorwells.com\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<p>Hi, I&#8217;m a digital\u00a0designer based in London. I am experienced in layout, animation, UI design and integrated design.<\/p>\n<p>See my most recent\u00a0work here:\u00a0<a href=\"http:\/\/www.trevorwells.com\/trevorwellsportfolio01\">http:\/\/www.trevorwells.com\/trevorwellsportfolio01<\/a><br \/>\nand here:\u00a0<a href=\"http:\/\/www.trevorwells.com\/trevorwellsportfolio02\">http:\/\/www.trevorwells.com\/trevorwellsportfolio02<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"metaslider-id-51\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-51 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"2D Kit Editor\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_51\">\n        <div id=\"metaslider_51\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-35 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-13 08:35:31\" data-filename=\"2dkitAngle-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/2dkitAngle-700x420.png\" height=\"420\" width=\"700\" alt=\"Marmalade 2D Kit Editor UI\" class=\"slider-51 slide-35 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-45 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-13 13:21:00\" data-filename=\"2DkitUXflows-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/2DkitUXflows-700x420.png\" height=\"420\" width=\"700\" alt=\"2D Kit Editor, UX flows\" class=\"slider-51 slide-45 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-47 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-13 17:14:05\" data-filename=\"animationControls-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/animationControls-700x420.png\" height=\"420\" width=\"700\" alt=\"Animation controls sequence\" class=\"slider-51 slide-47 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-43 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-13 13:03:59\" data-filename=\"nineSliceScribble-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/nineSliceScribble-700x420.png\" height=\"420\" width=\"700\" alt=\"9 Slice Editor Concept\" class=\"slider-51 slide-43 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-44 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-13 13:04:01\" data-filename=\"nineSliceGrab-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/nineSliceGrab-700x420.png\" height=\"420\" width=\"700\" alt=\"9 Slice Editor\" class=\"slider-51 slide-44 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-280 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-07-01 10:51:47\" data-filename=\"2DkitUIkit-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2012\/07\/2DkitUIkit-700x420.png\" height=\"420\" width=\"700\" alt=\"UI Kit\" class=\"slider-51 slide-280 msDefaultImage\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>2D Kit Editor &#8211; UI design<\/h2>\n<p>Marmalade Technologies is a mobile games design studio and software development company. The 2D Kit Editor was developed as part of their suite of software applications to enable games designers and developers to create UI layouts for their games and apps. <a href=\"http:\/\/www.trevorwells.com\/?p=5\">Find out more<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"metaslider-id-353\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-353 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"Marmalade Website\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_353\">\n        <div id=\"metaslider_353\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-61 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-15 06:45:48\" data-filename=\"marmaladewebsite-700x420.png\" data-slide-type=\"image\"><a href=\"http:\/\/www.madewithmarmalade.com\" target=\"_blank\" aria-label=\"View Slide Details\" class=\"metaslider_image_link\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/marmaladewebsite-700x420.png\" height=\"420\" width=\"700\" alt=\"Marmalade Technologies website\" class=\"slider-353 slide-61 msDefaultImage\" \/><\/a><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-310 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-07-04 09:46:47\" data-filename=\"marmwebsitePrototype-700x420.png\" data-slide-type=\"image\"><a href=\"http:\/\/www.trevorwells.com\/assets\/websiteprototype\/home.html\" target=\"_blank\" aria-label=\"View Slide Details\" class=\"metaslider_image_link\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/07\/marmwebsitePrototype-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-353 slide-310 msDefaultImage\" \/><\/a><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>Marmalade Technologies website<\/h2>\n<p class=\"p2\">The main Marmalade marketing website promotes the SDK and contains detailed technical information about the software. It also promotes developer incentive offers. <a href=\"http:\/\/www.trevorwells.com\/?p=68\">See designs.<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"metaslider-id-195\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-195 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"Animated rocket\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_195\">\n        <div id=\"metaslider_195\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-193 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-28 07:44:04\" data-filename=\"animatedRocketHome-700x420.png\" data-slide-type=\"image\"><a href=\"http:\/\/www.trevorwells.com\/?p=190\" target=\"_self\" aria-label=\"View Slide Details\" class=\"metaslider_image_link\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/animatedRocketHome-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-195 slide-193 msDefaultImage\" \/><\/a><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-97 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-22 12:20:07\" data-filename=\"rocketsketch12-700x420.png\" data-slide-type=\"image\"><a href=\"http:\/\/www.trevorwells.com\/?p=190\" target=\"_self\" aria-label=\"View Slide Details\" class=\"metaslider_image_link\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/rocketsketch12-700x420.png\" height=\"420\" width=\"700\" alt=\"Rocket sketches\" class=\"slider-195 slide-97 msDefaultImage\" \/><\/a><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-179 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-27 18:34:10\" data-filename=\"rocketAssets-1-700x420.png\" data-slide-type=\"image\"><a href=\"http:\/\/www.trevorwells.com\/?p=190\" target=\"_self\" aria-label=\"View Slide Details\" class=\"metaslider_image_link\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/rocketAssets-1-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-195 slide-179 msDefaultImage\" \/><\/a><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-106 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-22 13:00:14\" data-filename=\"rocketsketch6RefineScroll-700x420.png\" data-slide-type=\"image\"><a href=\"http:\/\/www.trevorwells.com\/?p=190\" target=\"_self\" aria-label=\"View Slide Details\" class=\"metaslider_image_link\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/rocketsketch6RefineScroll-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-195 slide-106 msDefaultImage\" \/><\/a><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>Animated rocket<\/h2>\n<p>Triggered by vertical scrolling, the animation is a whimsical representation of the Marmalade software workflow: <em>author, deploy<\/em> and\u00a0<em>manage. <\/em><a href=\"http:\/\/www.trevorwells.com\/?p=90\">See the\u00a0detailed design process<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"metaslider-id-363\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-363 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"Sci-fi cockpit demo theme\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_363\">\n        <div id=\"metaslider_363\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-60 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-14 08:09:45\" data-filename=\"scificockpit-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/scificockpit-700x420.png\" height=\"420\" width=\"700\" alt=\"Sci-fi cockpit demo theme for 2D Kit Editor\" class=\"slider-363 slide-60 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-84 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-16 07:43:46\" data-filename=\"scifithemeUI-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/scifithemeUI-700x420.png\" height=\"420\" width=\"700\" alt=\"Sci-fi theme UI kit\" class=\"slider-363 slide-84 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-83 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-16 07:43:44\" data-filename=\"scifitheme-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/scifitheme-700x420.png\" height=\"420\" width=\"700\" alt=\"Sci-fi theme, 2D Kit demo app\" class=\"slider-363 slide-83 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-42 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-13 12:32:28\" data-filename=\"scifiCockpitConcepts-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/scifiCockpitConcepts-700x420.png\" height=\"420\" width=\"700\" alt=\"Sci-Fi Cockpit Weapons Concepts\" class=\"slider-363 slide-42 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-408 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-07-07 16:59:49\" data-filename=\"weapons-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/07\/weapons-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-363 slide-408 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-236 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-29 12:02:26\" data-filename=\"themeSpec-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/themeSpec-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-363 slide-236 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-239 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-29 12:48:41\" data-filename=\"themeOnDevices-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/themeOnDevices-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-363 slide-239 msDefaultImage\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>Sci-fi cockpit demo theme<\/h2>\n<p>This <a href=\"http:\/\/www.trevorwells.com\/?p=80\">demo theme<\/a> was created using the 2D Kit Editor software ready to show for GDC (Games Development Conference) 2016 in San Francisco. iPad and Windows tablet versions were displayed on the Marmalade exhibition stand to demonstrate features of the 2D Kit as a competitive\u00a0games development UI tool.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"metaslider-id-367\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-367 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"Game Studio Website\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_367\">\n        <div id=\"metaslider_367\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-62 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-15 06:48:11\" data-filename=\"gamestudiowebsite-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/gamestudiowebsite-700x420.png\" height=\"420\" width=\"700\" alt=\"Marmalade Game Studio website concept\" class=\"slider-367 slide-62 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-401 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-07-06 17:00:13\" data-filename=\"gameStudioAirshipPixels-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/07\/gameStudioAirshipPixels-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-367 slide-401 msDefaultImage\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>Marmalade Game Studio website concept<\/h2>\n<p>A fun and airy design with a narrative that runs through the website sections. See the\u00a0<a href=\"http:\/\/www.trevorwells.com\/?p=70\">walkthrough boards<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"metaslider-id-385\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-385 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"Future Heat\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_385\">\n        <div id=\"metaslider_385\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-66 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-06-15 06:55:59\" data-filename=\"futureheatDrk-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/06\/futureheatDrk-700x420.png\" height=\"420\" width=\"700\" alt=\"Future Heat smart heating app\" class=\"slider-385 slide-66 msDefaultImage\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-335 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-07-04 19:16:39\" data-filename=\"ThermostatAnimationSpec-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/07\/ThermostatAnimationSpec-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-385 slide-335 msDefaultImage\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>FutureHeat smart heating app<\/h2>\n<p>This concept\u00a0started out as an animated <a href=\"http:\/\/www.trevorwells.com\/?p=63\">demo app<\/a> for GDC (Games Developer Conference) 2016. Further development continues&#8230;<\/p>\n<div id=\"metaslider-id-430\" style=\"max-width: 700px;\" class=\"ml-slider-3-108-0 metaslider metaslider-flex metaslider-430 ml-slider has-dots-nav ms-theme-default\" role=\"region\" aria-label=\"comics and video reader\" data-height=\"420\" data-width=\"700\">\n    <div id=\"metaslider_container_430\">\n        <div id=\"metaslider_430\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-317 ms-image \" aria-roledescription=\"slide\" data-date=\"2016-07-04 14:02:04\" data-filename=\"hasbroDevices-700x420.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trevorwells.com\/wordpress\/wp-content\/uploads\/2016\/07\/hasbroDevices-700x420.png\" height=\"420\" width=\"700\" alt=\"\" class=\"slider-430 slide-317 msDefaultImage\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<h2>Comic book and video reader<\/h2>\n<p>For Hasbro Arcade I designed a comic book and video reader. The reader apps are linked from\u00a0an animated carousel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi, I&#8217;m a digital\u00a0designer based in London. I am experienced in layout, animation, UI design and integrated design. See my most recent\u00a0work here:\u00a0http:\/\/www.trevorwells.com\/trevorwellsportfolio01 and here:\u00a0http:\/\/www.trevorwells.com\/trevorwellsportfolio02 &nbsp; 2D Kit Editor &#8211; UI design Marmalade Technologies is a mobile games design studio and software development company. The 2D Kit Editor was developed as part of their suite &hellip; <a href=\"https:\/\/www.trevorwells.com\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Portfolio<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":62,"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":511,"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/511"}],"wp:attachment":[{"href":"https:\/\/www.trevorwells.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}