https://www.egushchin.com/smart-calendar daily 0.75 2017-06-08 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1495934651726-QV3GY95ZV1VAZ2AN918N/Mockup_for+web.png Smart Calendar App Design https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1495929132631-9I4W6QFN5OZKVLXKF3Z3/2_Smart+calendar_web_1.png Smart Calendar App Design https://static1.squarespace.com/static/58f2cbb8a5790a8991c1a9c4/58f2ceed03596e9d44cca92d/58f2cefb20099e952f1915ea/1492307707756/ Smart Calendar App Design https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1495925229372-GO32XYQKFSQ0BRH6F66A/2_Smart+calendar_web.png Smart Calendar App Design https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1493638974963-QXO8R5C2F5TA80RJUDB4/Portfolio+Layouts_for+print3.png Smart Calendar App Design https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1493638953576-BG4M21YNCY3IK3XL8ACP/Portfolio+Layouts_for+print4.png Smart Calendar App Design https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1495925001356-K9KSICAZOU9DVMIUIX26/2_Smart+calendar_web4.png Smart Calendar App Design https://www.egushchin.com/work daily 1.0 2019-10-12 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499152475-IJFRIF8GZDCP3XHL3N2Q/Comps_new.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499152930-VVRBCWFGMR8BVTJKD28Y/Comps_new2.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499155138-6HI4X79OW0CWKNYQN1E0/Comps_new3.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499154930-7HVCM7UH4QY02VBNWJ09/Comps_new4.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499156615-EALJPNE7QW52I0MVOFK8/Comps_new5.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499156836-LSALE9PESO0X3O6J0BUR/Comps_new6.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499159042-QWQOCIM9GLJ6JPLVZHN4/Comps_new7.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499163718-SHBCGRIG24KTIS8B3DBW/Comps_new8.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499162898-BUB5QRFN9J3D1IL68T32/Comps_new9.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499825310-NHWL3K0PG7ELZO7KRPMT/Comps_new10.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499826735-GO3YHTSPJDT9YF18B5L0/Comps_new11.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499827822-GI73UNTDVC5A0LFU6358/Comps_new12.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1557955379529-UFPNXX6XJMD07A3T0FBB/Hero_med.gif Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558500313940-FPQ61TO28FAOQQB5E81S/Layout%26navigation.jpg Projects Layout The book is structured around two parallel narratives. One provides a personal and inside view on a given subject (main copy), while the other focuses on the relevant facts and meant to be educational (comments blocks). Some pages feature quotes or image captions. Navigation Instead of traditional pagination, I imagined a book as a single piece with a loading bar underneath. Something that we used to experience on the web but rarely in print, effectively intertwining the two mediums. Staying true to the vernacular of the personal diary, the pages also feature stamped date and time, as well as the status of the event described on a spread. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558493154493-NYQ33WJXAKRZNPKBSTEK/Type%26Colors.png Projects Typeface ZXX typeface is played out throughout the book in headings, chapter markers, and navigation. It is designed to obfuscate the meaning of the written characters for OCR software and machine intelligence. ZXX is a hero of Part 2 of the book that provides a deeper context for its usage. Knockout is used for body copy and secondary narrative. One of my favorite typefaces for its versatility — it has 32 weights that differ from very condensed to very expanded and from hairline to black. I picked a slightly extended version (HTF32) for body copy as it reads better over various backgrounds and a condensed version (HTF31) for secondary narrative as it has to fit in a tight space. Color palette Clean, simple versatile, yet powerful color combination lets the chapter content to shine while establishing the right tone for different chapters. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499863190-SXBYJKU32VS5V5NGW968/Comps_new13.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499864597-RKGJRICOWB9U7RX1FM4C/Comps_new14.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499866103-XS78MH28GWFQPBBK8QVA/Comps_new15.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558499867458-XDQBM5A087VSVJ4H4O5Z/Comps_new16.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558338468611-2AOLD1OHW5H9ZFR7RS3E/Top+view.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558338473937-DH00ZUARV209Y0EIA4ZQ/Navigation_2.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558338478478-BXVSX2LVVFAGDFCY8CHC/Laying+open.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560654151572-H4NBSNOD0ZWNTSC7FIZH/Packaging3.jpg Projects - Tube design The all-white tube has a continuous varnished pattern that creates intricate yet subtle design element. Black matte metal caps on top and bottom feature logo and a company name printed in tone-on-tone technique. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570729954031-GK0VLSKFLC339BY9SYE8/SFDW-packaging_Plotnet-Prints.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570729954031-M64SQ6UBR1CTOXB9OSQT/SFDW-poster_Plotnet-Prints.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560660270812-B2KES34A450XJERCT336/Packaging.jpg Projects - Colors and materials Simple and bold, black and white, color scheme lets the colorful artwork shine and be the centerpiece of the site. Soft matte black and white paper with varnish and tone-on-tone printing give it a rich, minimalistic feel. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560654179184-A4D92YED1AB0L9U8G079/Packaging4.jpg Projects - Certificate of authenticity Each certificate comes with a custom numbered hologram that matches a similar hologram on the back of the artwork. Certificates mimic the layout of the cart, checkout and orders pages, effectively linking the two mediums together in the mind of the customer. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830853945-269GVNL2F5P5YK40NRSZ/FAQ+%2B+Blog.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830807834-NI6WWGGKK680NDIO67A0/Poster+preview.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570834481871-EMQZYFTCGDUETDOF5WKM/Hero_none.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560654201146-MQVBCSG71OJTNBD63IGI/Packaging2.jpg Projects - Pattern and wrapping paper The pattern used extensively throughout the system and is constructed from a reversed logotype and strikes the intricate balance between the rhythm of the elements and visual variations. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830768663-FINTMORD1J7E0UH6KAKO/Filters.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560882059187-QMLGXF5SQR2QCIB9ZZUK/Site+map.jpg Projects Shown is the website map that guided prototyping, development, and marketing strategy. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830692312-DDQM6XNCCGF1L0WJ0QWN/Gallery+view.jpg Projects - Gallery page Gallery page is designed on a grid that follows the proportions of the logo and the artwork being sold on the platform, thus reinforcing the brand image. The page is divided horizontally into three sections: Posters of current collection, Upcoming poster collection and Designer’s section. Vertically the page consist of an informational left column that introduces content of a section and several content columns that feature the artworks. The number of columns changes from 1-5 depending on the screen width. When hovered on an artwork, white overlay displays information about the name, artist, current price and number of available editions. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830731475-HVVG9MXOASXHQEDLM0PF/Subscribe.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830834176-E5NJ3MXJJL4WJNAGZ64Q/Checkout.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570567527811-0V0UBFIJ8O8QQ81T1O80/Filters%26Favorites_1%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570569495842-ZAI5HVC2ZUWMA76EYKKT/Mockup+views_1%401x.jpg Projects - Poster view 1. There is an option to see different poster mockup interiors, mark poster as a favorite, share the poster with friends or on social media. 2. “Try it on your wall” button allows the user to place the poster on the wall in AR mode to test how it fits in their interior, snap a picture of the setup and share with family or friends for approval. 3. If user scrolls or taps on “info button” he can see poster description, information about the artist as well as available editions and its current price. 4. There is an option to purchase the poster right from the app via web checkout or ApplePay. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570585170368-VJS8X5L0A4B5EKFB0UIH/Poster+description_2%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570565056382-940U8RLL792CI8YNX9XA/Gallery%26Upcoming_1%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570589175048-N1R3LLBGS4NI022810F6/AR+experience_1%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570585028218-3ANN4B60QOL68ATM7IC0/Poster+description_1%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570121236907-NCBCG4I11NFIAH09FCOO/App+Architecture.jpg Projects - Modal structure for Plotnet Prints Based on the features map outlined above I have created the optimal MVP App Architecture that would keep all the core components yet minimizes the development costs. Using Modality concept helped to achieve that goal and here are some of the findings I have identified along the way: 1. Modality creates a structure of the application that allows for free exploration with occasional focus tasks. 2. It makes it easier for the user to keep a mental model of the app in mind, which calls for a superior user experience according to Marty Neumeier in the book Brand Gap 3. It helps to optimize and structure the development process by “core elements” and “features”. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570583215258-CFYVTBGDTSW1NBFL1A8D/Poster+on+the+wall_1%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570567355741-00Q3WRLSMZ1JJR4BEFTF/Filters%26Favorites_2%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568924237069-SSBPZSY0S9P54H0HHB8T/Prototype.jpg Projects - Prototyping with Craft Craft and InVision prototyping helps to build complex prototypes on the fly by designating specific transitions in the symbols and then reuse symbols to save time. Purple lines are transactions designated in the symbols, so all tab and nav bars follow the same pattern; while blue lines are custom interactions and are not repeatable. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568929620257-WZ3Z4PG0DSMNW06MOB97/Accessibility.jpg Projects - Accessibility Colour Contrast Analyser (CCA) is a standalone application for Mac OS that helps to test any two color combinations for WCAG 2.1 compliance. For the project that is using lots of semi-transparent elements I was aiming for slightly higher standards that could hold in the extreme cases of the background color choice. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570601334993-WWK9OZOZUPGCXLF2JGJP/AR+experience_3_bcg.gif Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568930954569-V6K8817CD52FV2GO7RJD/Libraries.jpg Projects - Sketch + Invision + Plugins 1. Craft plugin from InVision to create and share prototypes + publish freehand board for developers and stakeholders to comment 2. Craft Data to easily populate symbols with live poster designs 3. Forma wire-framing kit from InVision 4. Apple iOS 13 components library 5. Custom Plotnet Prints components library with all the brand assets I’ve built designing their e-commerce platform 6. Style Creator plugins, Symbol cleanups, etc https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570668721850-CC5LW2KF845W5BLOA6BG/AR+experience_2%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570565073339-M0TGYXTPLO9ODNL26XN7/Gallery%26Upcoming_2%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570583230214-7SNQ1QJR586TOSD0SI80/Poster+on+the+wall_2%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570569530690-QAVXWIH4BPQBK7NVWYJT/Mockup+views_2%401x.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1556690385295-A137PA3YKWMGSC4V9NOH/Oakland%2Bbanner.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1556690694816-0ZK2BZ64OWG8VQNZKB88/Meditation+banner.png Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1557204896467-J20NF1F73W1DB0NK881X/Artboard+1%403x.png Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558500696277-H9R7WEHTPT2UA3IVF5P8/DSC_3627.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1558501356695-BXFKTYT7WLAJFOVEEQXO/Cover+standing_2.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560021058523-XCCGSEM7ZBCKCEV6AKXM/Banner.jpg Projects https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570848954659-KNVQOWO2EXRNUAVM4DUB/Banner+image_new.jpg Projects https://www.egushchin.com/about daily 0.75 2025-08-05 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/3a4b7e28-13b7-4fde-baf7-cd6aec49c302/Ln+Portrait-483.jpg <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p> - Evgeny Gushchin Live from the stage/my workspace https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1494824822338-1UUVHIY47PKMKRJG9JOP/LinkedIn%403x.jpg <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p> https://www.egushchin.com/new-go daily 0.75 2019-09-19 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1557388426594-N1FVALXBXVOMHJ2FYCDI/Opening-image_64.gif New Go https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1557378753427-2ZG7JZGEL29S7HFPUIW3/DSC_3627.jpg New Go https://www.egushchin.com/plotnet-prints daily 0.75 2019-06-24 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1561363434132-Z88484HACI42TJ060DI5/Banner.jpg Plotnet Prints https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560021058523-XCCGSEM7ZBCKCEV6AKXM/Banner.jpg Plotnet Prints https://www.egushchin.com/plotnet-prints-art daily 0.75 2019-10-10 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570569530690-QAVXWIH4BPQBK7NVWYJT/Mockup+views_2%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568929620257-WZ3Z4PG0DSMNW06MOB97/Accessibility.jpg Plotnet Prints AR(t) - Accessibility Colour Contrast Analyser (CCA) is a standalone application for Mac OS that helps to test any two color combinations for WCAG 2.1 compliance. For the project that is using lots of semi-transparent elements I was aiming for slightly higher standards that could hold in the extreme cases of the background color choice. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570121236907-NCBCG4I11NFIAH09FCOO/App+Architecture.jpg Plotnet Prints AR(t) - Modal structure for Plotnet Prints Based on the features map outlined above I have created the optimal MVP App Architecture that would keep all the core components yet minimizes the development costs. Using Modality concept helped to achieve that goal and here are some of the findings I have identified along the way: 1. Modality creates a structure of the application that allows for free exploration with occasional focus tasks. 2. It makes it easier for the user to keep a mental model of the app in mind, which calls for a superior user experience according to Marty Neumeier in the book Brand Gap 3. It helps to optimize and structure the development process by “core elements” and “features”. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570585170368-VJS8X5L0A4B5EKFB0UIH/Poster+description_2%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570583215258-CFYVTBGDTSW1NBFL1A8D/Poster+on+the+wall_1%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570567355741-00Q3WRLSMZ1JJR4BEFTF/Filters%26Favorites_2%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570567527811-0V0UBFIJ8O8QQ81T1O80/Filters%26Favorites_1%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570565073339-M0TGYXTPLO9ODNL26XN7/Gallery%26Upcoming_2%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568930954569-V6K8817CD52FV2GO7RJD/Libraries.jpg Plotnet Prints AR(t) - Sketch + Invision + Plugins 1. Craft plugin from InVision to create and share prototypes + publish freehand board for developers and stakeholders to comment 2. Craft Data to easily populate symbols with live poster designs 3. Forma wire-framing kit from InVision 4. Apple iOS 13 components library 5. Custom Plotnet Prints components library with all the brand assets I’ve built designing their e-commerce platform 6. Style Creator plugins, Symbol cleanups, etc https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570589175048-N1R3LLBGS4NI022810F6/AR+experience_1%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570585028218-3ANN4B60QOL68ATM7IC0/Poster+description_1%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570668721850-CC5LW2KF845W5BLOA6BG/AR+experience_2%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568924237069-SSBPZSY0S9P54H0HHB8T/Prototype.jpg Plotnet Prints AR(t) - Prototyping with Craft Craft and InVision prototyping helps to build complex prototypes on the fly by designating specific transitions in the symbols and then reuse symbols to save time. Purple lines are transactions designated in the symbols, so all tab and nav bars follow the same pattern; while blue lines are custom interactions and are not repeatable. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570569495842-ZAI5HVC2ZUWMA76EYKKT/Mockup+views_1%401x.jpg Plotnet Prints AR(t) - Poster view 1. There is an option to see different poster mockup interiors, mark poster as a favorite, share the poster with friends or on social media. 2. “Try it on your wall” button allows the user to place the poster on the wall in AR mode to test how it fits in their interior, snap a picture of the setup and share with family or friends for approval. 3. If user scrolls or taps on “info button” he can see poster description, information about the artist as well as available editions and its current price. 4. There is an option to purchase the poster right from the app via web checkout or ApplePay. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570601334993-WWK9OZOZUPGCXLF2JGJP/AR+experience_3_bcg.gif Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570565056382-940U8RLL792CI8YNX9XA/Gallery%26Upcoming_1%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570583230214-7SNQ1QJR586TOSD0SI80/Poster+on+the+wall_2%401x.jpg Plotnet Prints AR(t) https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570726910828-F8F8NF6F34YAAALEK6MD/Banner+image.jpg Plotnet Prints AR(t) https://www.egushchin.com/augmented-reality-art-1 daily 0.75 2020-01-25 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570583230214-7SNQ1QJR586TOSD0SI80/Poster+on+the+wall_2%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570567527811-0V0UBFIJ8O8QQ81T1O80/Filters%26Favorites_1%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570569495842-ZAI5HVC2ZUWMA76EYKKT/Mockup+views_1%401x.jpg Copy of Augmented Reality Art - Poster view 1. There is an option to see different poster mockup interiors, mark poster as a favorite, share the poster with friends or on social media. 2. “Try it on your wall” button allows the user to place the poster on the wall in AR mode to test how it fits in their interior, snap a picture of the setup and share with family or friends for approval. 3. If user scrolls or taps on “info button” he can see poster description, information about the artist as well as available editions and its current price. 4. There is an option to purchase the poster right from the app via web checkout or ApplePay. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570569530690-QAVXWIH4BPQBK7NVWYJT/Mockup+views_2%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570589175048-N1R3LLBGS4NI022810F6/AR+experience_1%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570565073339-M0TGYXTPLO9ODNL26XN7/Gallery%26Upcoming_2%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570121236907-NCBCG4I11NFIAH09FCOO/App+Architecture.jpg Copy of Augmented Reality Art - Modal structure for Plotnet Prints Based on the features map outlined above I have created the optimal MVP App Architecture that would keep all the core components yet minimizes the development costs. Using Modality concept helped to achieve that goal and here are some of the findings I have identified along the way: 1. Modality creates a structure of the application that allows for free exploration with occasional focus tasks. 2. It makes it easier for the user to keep a mental model of the app in mind, which calls for a superior user experience according to Marty Neumeier in the book Brand Gap 3. It helps to optimize and structure the development process by “core elements” and “features”. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568930954569-V6K8817CD52FV2GO7RJD/Libraries.jpg Copy of Augmented Reality Art - Sketch + Invision + Plugins 1. Craft plugin from InVision to create and share prototypes + publish freehand board for developers and stakeholders to comment 2. Craft Data to easily populate symbols with live poster designs 3. Forma wire-framing kit from InVision 4. Apple iOS 13 components library 5. Custom Plotnet Prints components library with all the brand assets I’ve built designing their e-commerce platform 6. Style Creator plugins, Symbol cleanups, etc https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570585028218-3ANN4B60QOL68ATM7IC0/Poster+description_1%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570567355741-00Q3WRLSMZ1JJR4BEFTF/Filters%26Favorites_2%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570583215258-CFYVTBGDTSW1NBFL1A8D/Poster+on+the+wall_1%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570585170368-VJS8X5L0A4B5EKFB0UIH/Poster+description_2%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568924237069-SSBPZSY0S9P54H0HHB8T/Prototype.jpg Copy of Augmented Reality Art - Prototyping with Craft Craft and InVision prototyping helps to build complex prototypes on the fly by designating specific transitions in the symbols and then reuse symbols to save time. Purple lines are transactions designated in the symbols, so all tab and nav bars follow the same pattern; while blue lines are custom interactions and are not repeatable. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570668721850-CC5LW2KF845W5BLOA6BG/AR+experience_2%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1568929620257-WZ3Z4PG0DSMNW06MOB97/Accessibility.jpg Copy of Augmented Reality Art - Accessibility Colour Contrast Analyser (CCA) is a standalone application for Mac OS that helps to test any two color combinations for WCAG 2.1 compliance. For the project that is using lots of semi-transparent elements I was aiming for slightly higher standards that could hold in the extreme cases of the background color choice. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570601334993-WWK9OZOZUPGCXLF2JGJP/AR+experience_3_bcg.gif Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570565056382-940U8RLL792CI8YNX9XA/Gallery%26Upcoming_1%401x.jpg Copy of Augmented Reality Art https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570848954659-KNVQOWO2EXRNUAVM4DUB/Banner+image_new.jpg Copy of Augmented Reality Art https://www.egushchin.com/plotnet-prints-e-comm daily 0.75 2020-01-25 https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830853945-269GVNL2F5P5YK40NRSZ/FAQ+%2B+Blog.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560654201146-MQVBCSG71OJTNBD63IGI/Packaging2.jpg Copy of Plotnet Prints e-Comm - Pattern and wrapping paper The pattern used extensively throughout the system and is constructed from a reversed logotype and strikes the intricate balance between the rhythm of the elements and visual variations. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570834481871-EMQZYFTCGDUETDOF5WKM/Hero_none.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560654151572-H4NBSNOD0ZWNTSC7FIZH/Packaging3.jpg Copy of Plotnet Prints e-Comm - Tube design The all-white tube has a continuous varnished pattern that creates intricate yet subtle design element. Black matte metal caps on top and bottom feature logo and a company name printed in tone-on-tone technique. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830768663-FINTMORD1J7E0UH6KAKO/Filters.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560660270812-B2KES34A450XJERCT336/Packaging.jpg Copy of Plotnet Prints e-Comm - Colors and materials Simple and bold, black and white, color scheme lets the colorful artwork shine and be the centerpiece of the site. Soft matte black and white paper with varnish and tone-on-tone printing give it a rich, minimalistic feel. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830834176-E5NJ3MXJJL4WJNAGZ64Q/Checkout.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560654179184-A4D92YED1AB0L9U8G079/Packaging4.jpg Copy of Plotnet Prints e-Comm - Certificate of authenticity Each certificate comes with a custom numbered hologram that matches a similar hologram on the back of the artwork. Certificates mimic the layout of the cart, checkout and orders pages, effectively linking the two mediums together in the mind of the customer. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830731475-HVVG9MXOASXHQEDLM0PF/Subscribe.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570729954031-GK0VLSKFLC339BY9SYE8/SFDW-packaging_Plotnet-Prints.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570729954031-M64SQ6UBR1CTOXB9OSQT/SFDW-poster_Plotnet-Prints.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830807834-NI6WWGGKK680NDIO67A0/Poster+preview.jpg Copy of Plotnet Prints e-Comm https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560882059187-QMLGXF5SQR2QCIB9ZZUK/Site+map.jpg Copy of Plotnet Prints e-Comm Shown is the website map that guided prototyping, development, and marketing strategy. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1570830692312-DDQM6XNCCGF1L0WJ0QWN/Gallery+view.jpg Copy of Plotnet Prints e-Comm - Gallery page Gallery page is designed on a grid that follows the proportions of the logo and the artwork being sold on the platform, thus reinforcing the brand image. The page is divided horizontally into three sections: Posters of current collection, Upcoming poster collection and Designer’s section. Vertically the page consist of an informational left column that introduces content of a section and several content columns that feature the artworks. The number of columns changes from 1-5 depending on the screen width. When hovered on an artwork, white overlay displays information about the name, artist, current price and number of available editions. https://images.squarespace-cdn.com/content/v1/58f2cbb8a5790a8991c1a9c4/1560021058523-XCCGSEM7ZBCKCEV6AKXM/Banner.jpg Copy of Plotnet Prints e-Comm