https://shuvalov.design/new-gallery daily 0.75 2018-07-16 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1492522492093-ZQ6WVLW2YUMA27SKLNYP/1.jpg Method Lads - Discover Using interviews, contextual inquiries, surveys and cold hard analytics to figure out what user’s desires and frustrations really are. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1492522492093-ZQ6WVLW2YUMA27SKLNYP/1.jpg Method Lads - Discover Using interviews, contextual inquiries, surveys and cold hard analytics to figure out what user’s desires and frustrations really are. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1492522501281-5QTQC1WXDEZY2N44R8WJ/2.jpg Method Lads - Synthesize Working with product stakeholders to map the customer experience, digging up pain points and opportunities for improvement. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1492522505714-A2XIHFTEQMZJ97R4JKXN/3.jpg Method Lads - Design Starting with rough prototypes of interfaces/concepts to test ideas & prioritise features. Followed by high fidelity designs to guide developers. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1492522508540-WF063R9AW45F6V7XZQO8/4.jpg Method Lads - Iterate Test and learn - analyse performance of designs in the wild, test for improvements & build a backlog of changes that can guide a product onwards. https://shuvalov.design/tinkering-gallery daily 0.75 2021-11-01 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615853104087-J1NJLZ64GU2X80G6RDF0/image-asset.png Tinkering Gallery - Print-at-home Nerf Cannon Designed and marketed a series of 3D printed historically themed toys, with 500,000+ youtube views and 1,000+ sales to date! Check out the youtube channel here and the store page here! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615853104087-J1NJLZ64GU2X80G6RDF0/image-asset.png Tinkering Gallery - Print-at-home Nerf Cannon Designed and marketed a series of 3D printed historically themed toys, with 500,000+ youtube views and 1,000+ sales to date! Check out the youtube channel here and the store page here! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635738543625-KORH9322JEYGHUVG1KKP/chrome-capture+%2810%29+2.gif Tinkering Gallery - Whittling app experiment Quick attempt using Babylon.JS to see if I could make an touch-interface based experience that would let you whittle away a shape. It went okay :P https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615849434178-QG8NP17YOWKCJMA370A4/image-asset.png Tinkering Gallery - Wifi Strength Geiger Counter -50 dBm. Not great, not terrible! Detects the strength of a pre-defined wifi network, or can be used to detect the net strength of all wifi signals in an given area. The hardest part was getting the right clicking noise :P https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615850628151-EVIPRRX4FUJ2IU3TV3ED/image-asset.png Tinkering Gallery - Printable orthopedic fencing grip An attempt to combine modern fencing grips with historical highland broadswords, using CAD and 3D printing. Generated international sales and featured on popular fencing channels! You can see some of the reactions here and here https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615820310597-C7V1KFGLWYIUZE1VKQ0N/image-asset.jpeg Tinkering Gallery - Sushi ordering experience Used framer to play around with a more exciting way to order sushi at Genki Sushi. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615819484936-H86IKX1GXFFB17AV5M52/image-asset.jpeg Tinkering Gallery - Automatic Ping Pong Bat I broke a coworkers ping pong bat. But we have the technology, we can rebuild him! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1615818276178-6MCBJE4C0STCI6EOTLZZ/image-asset.jpeg Tinkering Gallery - Pentinent-o-matic It’s a robot that exists to feel your guilt for you! https://static1.squarespace.com/static/5720bc48859fd093dda4b693/5b6ac41a2b6a28bb2193bd42/5b6ac4b6575d1fcbf2461ba0/1533723830294/ Tinkering Gallery https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534267247639-JVAKSM889K2YOKC19RFL/image-asset.jpeg Tinkering Gallery - Nerf Turret V2 Using a webcam, OpenCV for facial recognition and a warning buzzer for intimidation, the sentry gun can now autonomously challenge anyone with a vaguely humanoid face! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1535650311849-WV6WKBAC4FOJJLTPA9OB/image-asset.jpeg Tinkering Gallery - Conway Console An LED matrix that displays Conway’s Game Of Life with a twist - you can pause it and then make edits to the ever-changing pattern yourself! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534267783338-J6HGNDZPWXQG3T2XM4EE/IMG_1324.jpg Tinkering Gallery - Herb Bot V2 Built from experience teaching kids how to build gardening robots, this solar powered herb garden measures humidity, temperature & moisture to manage it’s own water usage! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534267511726-A5S0A2E7A5UA1KNI0DEL/image-asset.jpeg Tinkering Gallery - TaskBot I like the idea of a jumpy personal assistant in my phone with personality - here was my attempt at creating just such a little guy using Framer. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534268403724-15CDYYML3T21BJ5EL5XG/image-asset.jpeg Tinkering Gallery - CardBot V2 A small pump and more servos means this little guy can finally contribute around the house! Now he can detect and wash dishes! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534267404316-XTKYUJTQLGZ22A5R815A/image-asset.jpeg Tinkering Gallery - Coded Sprite Animation Having found out Framer could be used for complex repeating sprite animations, I was curious to see how I could work with it - resulting in this frantic little animation inspired by metal slug! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534267315864-MC7B2TY7MPIBWPGWDOM5/image-asset.jpeg Tinkering Gallery - Nerf Turret V1 Controlled with a joystick hooked up to an Arduino microcontroller, this office terror was still limited by it’s human operator until V2! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534267367086-GK5E8SH7XSOPQS8L29A4/image-asset.jpeg Tinkering Gallery - CardBot V1 This cute little guy could only say hello when you waved at him - but he was super great at it! https://shuvalov.design/front_page_gallery daily 0.75 2021-11-01 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739871707-92DDK2M94GFIK1DA7H6I/ezgif.com-gif-maker+%284%29.gif Front_page_gallery https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739871707-92DDK2M94GFIK1DA7H6I/ezgif.com-gif-maker+%284%29.gif Front_page_gallery https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739869465-KLPKBF15P6ZHABS4I8W0/ezgif.com-gif-maker+%286%29.gif Front_page_gallery https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739953636-6U78U5RSAYHZ9OXIUIZ2/chrome-capture+%2811%29+2.gif Front_page_gallery https://shuvalov.design/campaign-concepts daily 0.75 2021-11-01 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635760212559-ZQK7GQKGH6J1WHCBWUI8/chrome-capture+%2830%29+2.gif Promotion concepts https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635760212559-ZQK7GQKGH6J1WHCBWUI8/chrome-capture+%2830%29+2.gif Promotion concepts https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635760212775-8UT9PTAAZNI969B18WD4/Rule_manager_1.gif Promotion concepts https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635760265330-RZ4SORPH2EKGC4QPKMB2/Rule_manager_2.gif Promotion concepts https://shuvalov.design/navigation-concepts daily 0.75 2023-03-03 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635763723931-YN5GCTWCGNLTG4RBNXPU/Navigation_pt1.gif Navigation concepts https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635763723931-YN5GCTWCGNLTG4RBNXPU/Navigation_pt1.gif Navigation concepts https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635763721439-Q0B3955VLE5P9CTG3XYG/Navigation_pt2.gif Navigation concepts https://shuvalov.design/home-1 daily 0.75 2016-06-04 https://shuvalov.design/new-page daily 0.75 2016-06-04 https://shuvalov.design/contact daily 0.75 2018-08-21 https://shuvalov.design/hackathons daily 0.75 2017-01-08 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1483879932566-BCPO1AJ0I2VU6X60U1D0/image-asset.jpeg Hackathons https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1483879522746-SDO76LJXLREKXWY2DSU7/NASDAQ.jpg Hackathons https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1483880066368-HM88BQX40RLF7UGFFJ7F/Second+date.jpg Hackathons https://shuvalov.design/landing-page daily 1.0 2021-11-01 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533437356790-0YS3BX2E06QXSQM4SM9S/Iterate.png Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533437336412-T3Y7EYX2TE1KBC2820ZG/Design.png Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533438464370-VTQX1TAO7OVVCAJC82W7/Me+home+page.png Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533437309145-YULVU6OCJE71BEAY7M4S/1.jpg Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739871707-92DDK2M94GFIK1DA7H6I/ezgif.com-gif-maker+%284%29.gif Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739869465-KLPKBF15P6ZHABS4I8W0/ezgif.com-gif-maker+%286%29.gif Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635739953636-6U78U5RSAYHZ9OXIUIZ2/chrome-capture+%2811%29+2.gif Learn, Create, Test & Repeat. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533437321506-F4MNC2DZVEG8H31F4IK7/2.jpg Learn, Create, Test & Repeat. https://shuvalov.design/a-service-design-journey daily 0.75 2017-04-18 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1492534420075-RJE04N86VWU4FIHS45YQ/Service+Design+Note A Service Design Journey https://shuvalov.design/tinkering daily 0.75 2021-11-01 https://shuvalov.design/uxprojects daily 0.75 2021-11-02 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635738122315-XZWJDLK297ZZZ9QQLD57/Frame+3+%283%29.png UX Case studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534772453306-EOJQFHMPJJX0YLWVTXZ4/Search+Gif.gif UX Case studies https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534774694116-MA6KYOU6UD72E4CIWOLC/Service+DEsign+Journey.jpeg UX Case studies https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1535650002909-7OWOSTEKD6HY9PXPU31O/image-asset.png UX Case studies https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534774033080-Y5H4MRDN0F6QWMO0DLCL/Wireframe+Layout.png UX Case studies https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1635720152224-MKI4ZBEG6H4QO7AUZ0CI/5e719c3d4b3082fcf5f74e1b_HP+Laptop+-+Code+Camp+World+1.png UX Case studies https://shuvalov.design/drag-drop-mini daily 0.75 2018-08-29 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534789019611-N7797T0EFPDQU0RPG8V5/Wireframe+Prototype.gif Drag & Drop Mini The Dashboard for the app underwent a complete redesign, so basic prototypes were necessary early on to ensure the flows actually made sense. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1535558951676-8TBWQACIY9UTHNT8WNZW/image-asset.png Drag & Drop Mini Having real data to describe how kids used the platform at home gave us hints as to how overall engagement could be improved. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534788978302-2QSY7WDOEBDOA6E8U93X/Detailed+layout.png Drag & Drop Mini In addition to wireframes, I also was regualrly producing styling concepts - a few usability issues (like distinguishing different code blocks) would require detailed work with the visual designer. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534789194231-FEYO4HKJO1UQQKHW1270/Chunky+Style+tests.jpeg Drag & Drop Mini One of the chunkier styles I experimented with, before we decided something "flatter" made more sense for our target users' age range. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534788190769-WM4MFR4JF1QDW3APCKV7/Mental+Model.png Drag & Drop Mini Rather than personas or JTBD, we focused more on using gaming psychology models to understand the interactions needed for a great coding platform. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534787574755-F8J1Q127LP6N3PFACTVY/Code+Block+comparisons Drag & Drop Mini The styles associated with code blocks became an important feature to get right - trying to figure out the right match of user age and interface feel (e.g. chunkiness) involved a fair amount of competitor assessment. https://shuvalov.design/ecommerce-mini daily 0.75 2021-11-01 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534779235387-IW3M5LQUXBRFIO12XR0E/Deep+Sketches.jpg E-Commerce Mini I preceded each round of development with a series of detailed paper prototypes and user flows we could use internally to weigh ideas against each other. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534816288702-R71ZRT8Y0REVQP0542H1/IMG_7583.JPG E-Commerce Mini My paper model for the behaviour flow around the site. We had big questions around how much information parents needed before they made a purchase! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534779219254-KWKEW2H7V69BF7KMQH0D/Concept+Exploration.jpeg E-Commerce Mini Early workshops on our landing page. I learned that as more stakeholders were involved in a design, the greater the need for low-fidelity paper craft! https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534778857528-DI5ZTVNZZQEGKFYLKZPC/Journey.png E-Commerce Mini Over time, we gathered enough survey and behavioural data that we workshopped a prioritisation map of issues that we had identified earlier. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534779258695-TE7HQ77FCE4M0SG9FTJS/Deep+example.gif E-Commerce Mini My mock up in framer for a potential "calendar" style search. Early user testing of the concept with parents showed plenty of user delight, but it's sheer complexity meant we opted for something simpler in the near term. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534778861216-ABJDAAT7AIE6IK9TVOCI/Rough+Persona.png E-Commerce Mini Early versions of our personas. These were mapped against pain points along the customer journey most specific to each persona's needs. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534778855783-P00OKGQD85WLBFHZKJAJ/Maps.jpeg E-Commerce Mini Affinity mapping from our first research round. I posted my research in a high traffic spot and encouraged others to add customer insights as they observed them. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534816128956-CJA96MN24BIX0GC08AWV/IMG_7583.JPG E-Commerce Mini https://shuvalov.design/camp-enterprise-mini daily 0.75 2018-08-22 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1532429110229-YMOOAOV4E2X0ESE38YA4/IMG_7119.JPG Camp Enterprise Mini - Process Experience Mapping Attempting to get a grip on the processes & pain points underlying delivery and sales for the company products after an initial round of interviews with sales and operations staff. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534269692856-0AQEDK4OSSFNERQ7BAXD/Architecture+layouts.png Camp Enterprise Mini - Information Architecture: Before & After The original system had grown organically to have a mixture of workflows and duplicated system views, many of which were tucked away under mysterious hamburger menus. A mixture of card sorting exercises, workshops and interviews boiled it down to more understandable work areas. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1534270148389-78P3E2KVZIW9N82521JK/LArge+Lola+proottype.png Camp Enterprise Mini - Sales workflow prototype The relatively complex flow of the new sales process was prototyped in detail for employees to provide feedback. This activity helped me prioritise which parts of the work would most improve on existing processes. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533363435504-90GCN0U25PR5DQUDCUF7/Camp+data+wireframe.png Camp Enterprise Mini - Navigation prototype Part of a prototype intended to see whether there would be any challenges for users to move through a typical task in the new dashboard layout & information architecture. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533363706241-NDXEGH5OAAICMJKZAUNV/CRM+Detail+Screen+%28Visual+Design%29.png Camp Enterprise Mini - Sales funnel prototype A high fidelity prototype - the layout changed significantly from this early version of the high fidelity designs, but it helped clarify how the new funnel process could feel. https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1533363433763-ROZ5ZA32Q1BBI4EIIRIK/iPad+Copy.png Camp Enterprise Mini - High fidelity dashboard layout Something much closer to the final design as implemented, part of a prototype to demonstrate the animations for the sidebar menu. https://shuvalov.design/all-my-products daily 0.75 2019-04-12 https://shuvalov.design/all-my-products/my-product monthly 0.5 2019-04-12 https://images.squarespace-cdn.com/content/v1/5720bc48859fd093dda4b693/1555039161915-CKUPOQQ24Y6JL7YOEK51/IMG_2974.JPG All my products - My Product