http://www.marjotikkanen.com/work4 daily 1.0 2026-09-14 https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483813049671-2CGP8DNMN7SR3V5DE2S1/IMG_0028.JPG Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483884140016-HGI69AALL2VRDC281I27/game1.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1484652957247-JMVY37TAUWHHQ2QMUCIU/IMG_8816.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1484653081486-H9QA6GFUCLYAEVAFLHGM/embodiment.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534873100018-G108YXQX4JYET069WVDM/Screen+Shot+2018-08-21+at+18.36.55.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550509618347-H5WOLD9Z5TE4H8NDCSTX/thumb_ec.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550509789962-FKQDTC6DB0K9SY7UVXQN/ADB_thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550509922818-XWNWYYFT2N10N7YTUJB6/WFL+thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550510114551-ENJVRS0F8RGN39NY6Y5Y/L%26W+thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1554905119756-10FCNJ2VUSONLGR8DOMC/midsona+thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611845257623-AFUDRGQJXPP8FOFMFS79/thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612801056234-E8525B8VNIF9H3IKH9BO/CC_thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1674995649266-YUFCSN2T1VB85HSTBQ2Q/clue_hero.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1675015062169-B8LEXYYFU2VLLICU9IWW/cbc_thumb.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/d79d295f-f335-4941-8b38-a97cac84eed0/IMG_9629.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1dc96440-9df0-42c9-a8fb-8477c1fb696a/Screenshot+2026-08-20+at+11.38.57.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/e99b6d57-1eba-4953-a3e7-6cbdcf95b0d8/Screenshot+2026-08-20+at+11.56.24.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456154623092-1Z53QD99CJEOR3IU2YCY/seed_thumb.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456154705546-6S6RKI3N6NNGSO1CGV6O/kenkavahti_visu3.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456351187084-ORITETABW9LQKAZ40PIG/thumb.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456351495781-0PSAUVJI1SC9S8CPFA28/thumb.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1454336353645-6O7JO1SJUD1BKY85CRJ3/pofo1.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456082653599-YW57POCV7VSC06RGUL3K/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456082759467-96JBCYIDNEOSZK13ARTO/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456082919003-4S4E87CQHKXGR3UM32WC/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483889878814-NG0EL6W3D3ODSKX4UXAV/logos.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1454424652544-VRROK1E3WL9I6NRE2STO/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1454424670169-UTCVQ7KLLHYFCG2BBH1Y/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1455476730135-SO3J9G1ZMFUYLOIFKQEB/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1490093165863-0249ZA945JTFAMP55EZG/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1455477695690-TLEVFUHXHEHNRZVE8FMR/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456077522244-0OPWB1U4WA1R4YQVBL74/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456079831561-NB1KIHGN4VONWWUJHXZ9/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1490032240035-IZENTYCNRNJW7RVFSYRZ/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1491565267085-TFXHS9DW8MT2I3L55XMG/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1455474774056-1D4JC5TPKTRME5QFP67E/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1455475520413-G74ESP26LEZF0IVX33GF/ikonit.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1484057205753-Y8LESS9O4ZF3NGXEI8GM/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1484003595723-GDS96ELDYS3SGF9B3IWJ/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456350795719-RZ3XZNIF23TKABCX3KZ3/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456350838274-UW9ZUSYIM77LXS2PMPS3/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1456350865258-B5E0GW5PB0FIFDO6545V/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483811346790-GO8HMOGADTJBEYNS35IY/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483810692682-6DR8ZX5RP2XX3Y9LRPM1/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1484049191625-SCKX4UPXHWRWZQI2A4SU/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483884101430-UKDCT2DAEUPB79FAJX44/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483886046400-PE609J5X916ESLIOGB96/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483887529011-11C2IOUHDOXT75RYA1IQ/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483888704959-CRRIUUHPVP7WJQ1BS4CA/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483891530349-0DLNJROEC78VM3W3PHJ6/Screen+Shot+2016-08-20+at+15.33.46.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1485021522889-KYAAEUOZRK02Q93DCCSL/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483898887090-66VN0KR2UF7B32C35XK6/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1483899831407-GQ8GIHN8XNDQM0IY8GNR/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550509991153-LVXYW9WRSY4AF7A45FKQ/Screen%2BShot%2B2018-08-21%2Bat%2B18.36.55.jpg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534874768684-6FESF9NEPS6SMY9GZRX7/image-asset.png Work Flow chart of the process carried out. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534875507966-YU1AIM5XFQ41E1XROX38/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534875352473-JCCTCIT8HWUU82S2DE71/Untitled-2.jpg Work Workshop materials https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550428741061-M8Y8BLWF12BQGAPRYGI7/Screen+Shot+2018-08-22+at+10.44.41.png Work Slide from coach training sessions held. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534707257224-CY0224R9TV1N41123WC5/IMG_4454.JPG Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534707266419-PVFPN3QDQ90YCLU2Q5BV/IMG_4460.JPG Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534707330231-3LBZBEQ1Z0N36JTIUJTQ/IMG_4456.JPG Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534707344541-R2S4SK8QX2A59XPIXEY5/IMG_4459.JPG Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534792426563-WFRP7R280F7QJOKJRTM5/image-asset.png Work One of the final solution sketches made: red dots are votes https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534788516458-97BA6XI8P7ILRFT3ZOPI/iMac-psd-mockup-template+copy.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534926933867-1UWLAIAPE69XWLGOY45I/Business+Partner+Journey+-+Registered+user.png Work One of future customer journeys created with key people from the client’s side. These journeys helped define a roadmap for the extranet. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550428688801-K2GNW842Z6WGTCJOW69N/ADB+wireframe.png Work A wireframe used in the user interview to start a conversation about what could be on the front page of the extranet https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534789149871-K5WAHXY605JXJKAC7812/Screen+Shot+2018-08-20+at+20.18.24.png Work A slide from the user research summary https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550428710095-3XMFWFWJYIZ0LLUE0UKZ/ADB+spredsheet.png Work A part of the functionality list made to help prioritisation, ranking functions according to user benefit, complexity of implementation and business value. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534789292271-KHPIFA4U4QTNAHCR8GVA/image-asset.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534790512164-PH43UCGBSXVEU5BW5AW7/image-asset.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534790578700-7L5G7ND8Q21LE0E7YA0F/EC_sketch.jpg Work Very early handmade sketches: exploring a linear flow of making choices and landing on a recommendation https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550508612399-F4EH6U22N39AUYYDK81R/AA+EC.png Work Hand-drawn sketches and digital wireframes. Sliding panel stayed, as it makes it easy to do small adjustments like adding more window panels. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1550508798999-9F0PDLDG8BYW9CTH8V9K/AA+EC+2.png Work Wireframes for testing. The climate zone choosing part went through several iterations, as we learned people are not necessarily knowledgeable about the climate zones. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534927100025-S0IRE5ZG2B4KR8YUXRLO/Screen+Shot+2018-08-22+at+10.37.38.png Work Slide from usability test report: screen with quick presets was scrapped after the test. Copy needs to be more concise - no one reads these. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1549831386598-GATQZSL7JB6VXPKK83RB/Screenshot+2019-02-10+at+21.40.55.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1549824217532-J7CMT8WW1BA05D2ET1K4/image-asset.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1554902573998-EUOT124HOAL3C093VCGN/Client+Journey+Image+driven+striver.png Work Customer journey created with the client side experts on customer research, drawing on their knowledge https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1554904943498-MHID3XB2LNULPZ4816EW/hand+drawn.png Work Hand drawn early sketches created with the art director. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1554904033901-D45QDW85MUGF0RA1DDOE/midsona+designs+copy.png Work Wireframes using content from one of the biggest brands: Urtekram. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1554904081066-4LBCVVMG7XAPSDMGAL21/midsona+designs.png Work Final user interfaces for Urtekram https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611845615072-3C19MHETGDJ2WOY7F086/podcasts_hero.png Work Final UI of audio player and illustration used in feature marketing. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611757952587-R72N2O6X6F397VARE0Z8/problem.png Work The problem statement covers feedback from existing users and learning science knowledge. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611771016554-5V3V2FW2EL7V9U69FY8B/Screenshot+2021-01-27+at+19.09.54.png Work Some post-its from affinity diagram in the workshop - different considerations for creating audio learning features. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611772126418-SGN9532IWIJ3OA5UL1N8/Screenshot+2021-01-27+at+19.28.25.png Work Some idea post-its https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612343992574-69IEP401DK7E6VULDWKQ/IMG_4757.png Work Hand-drawn sketches for feature ideation. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612448076826-KCIDX212I4X53CKXDKED/Screenshot+2021-02-04+at+15.13.25.png Work User flow for iteration V2. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611851237904-X6YH3U9S0GUC5IDQ7G8A/podcasts_audio_recap.png Work Designs for audio recap - a second idea to come out of workshop. Audio recap is a short 10-15 min audio summarising what the user has learned in the past 3 lessons. For the launch of audio recap, the ‘podcasts’ tab in the bottom navigation was changed to ‘audio’. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1611844828902-XMZQ1V5JQ46L9RVILP4E/podcats_mobile.png Work Designs for podcast episode listing, player and speed control. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/98607410-c13f-4a51-a70e-fbf519b863cc/Babbel+audio_ipad.png Work - Make it stand out Designs for iPad. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612342938107-NIMOQ3QCGKF6ELB8TKHH/podcasts_illu.png Work As a part of the feature design, I created some illustrations that have been used in marketing and social media materials. Illustration created with the help of Babbel’s illustration library and guidelines. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1614092580954-L3YYCNRMK84V92WXDSKL/podcats_transcript_exp.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1614092341037-A9GLVG5B8QTI8WW62OKA/podcats_transcript.png Work Exploration for podcast transcript feature, made for testing. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612537890554-G03B26KN53TITD6CG84L/Screenshot+2021-02-04+at+16.00.30.png Work https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612537672777-9XHMWYRZ3MK426DPKY46/CC_problem.png Work The problem statement covers feedback from existing users and learning science knowledge. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612538717370-KQN0Z0TAQ3P941JFBN0A/Screenshot+2021-02-05+at+16.20.35.png Work Some post-its from ideation workshop - this was a big canvas full of ideas that were voted on. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612539987073-B7PBGONL4TRUWATRUSN3/CC_sketches.png Work Hand-drawn first sketches with user flow ideas. Done in an afternoon workshop with main stakeholders. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1614092712981-UTPT5WN75NM8LOWLZX8S/CC_main.png Work The main design is based on an existing experience. The first iteration was adding a guide character, Bruno, to give more feedback and guide the learner in the experience. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612978163348-SFM729BNXG4J2X4HVXW9/CC_guide.png Work Exploration on the guide character personality. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1612978244348-K1W3DI8YRGDTJARKRVAS/CC_pronunciation.png Work One of the iterations explored more specific pronunciation feedback, on a syllable level, with the possibility to compare a recording of your own pronunciation with a native speaker. This was using an API that proved to be technically very difficult for us, so this version was scrapped due to complexity. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/20f91655-d0c6-4c9d-8ddb-36810a7e2025/IMG_9629.png Work - Make it stand out Final UI of the implementation: mode picker above the cycle. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/f35ff76f-9b8e-4614-a2ae-748ce3240ec7/Screenshot+2023-01-27+at+10.45.13.png Work A section of post its from analysing user research - red ones are showing pain points, in this case the low awareness of modes. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/5c874786-5367-406a-9a9a-51cba219aedc/Screenshot+2023-01-29+at+12.25.33.png Work Some idea post-its https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/fe4aa325-8f6d-4e68-9e2c-cda5dcb23f88/Design+explorations.png Work First screens are the existing cycle view in the 2 modes. On the right solution 1. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/848ca541-08d6-4d52-8e7c-58e2a116d7f5/Design+explorations-1.png Work Solutions 2 and 3 are higher in complexity and how much they affect the current architecture of the app. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/2f851f53-ab10-4c18-b6e9-0765ef56d321/Interaction+explorations.png Work Exploration on the interactivity of the mode picker, from custom drop down, to native dropdown, to a picker sheet. The last one was chosen - it adds more communication possibility on the interaction, and also from a technical perspective the sheet is a more sustainable solution than a dropdown on the same page. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/8f7ee1a8-d074-4edf-8175-904bacd568f9/Prototype.png Work - Make it stand out User flow for tested prototype. This was also the final user flow that was implemented. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/219ffeb2-b544-4b61-97a6-8d5f90d7a325/Screenshot+2023-01-29+at+13.24.52.png Work - Make it stand out A snipper of documentation from user test analysis in Confluence. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/78dea2d3-9e53-4e05-9caf-48620739131a/Screenshot+2023-02-01+at+18.54.36.png Work - Make it stand out Section of the design handoff to engineering. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/8e35734a-8a75-4e23-9e52-08a241df505d/mode+picker+accessibilty.png Work - Make it stand out Adding a scroll to ensure minimum usability for users that have set the text as large. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/c97757f8-41c5-4122-9d04-52d8235fec8c/cbc_intro.png Work The main screens of Clue Birth Control. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/fd7edaf7-2805-449f-bfd1-513d341fc8f1/cbc_numbers.png Work The numbers here are a snapshot from early on, showing where users drop off. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1e81f855-afc8-4dce-b9b4-0627b95bbd87/flow_cbc.png Work The whole flow of the questionnaire. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/f05c9d1f-4109-48a3-ada7-ca7e15497529/CBC+fix+1.png Work Design for the first improvement idea https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/d3724248-f142-4e60-8226-e028ef691a3e/CBC+fix+1.png Work Designs for the second improvement idea https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/d07773c1-499a-4cb4-9206-6bca342acc59/CBC+fix+3.png Work - Make it stand out Designs for the third improvement idea https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/068d1826-851d-4bb4-bbf6-498fb9bc98cd/Screenshot+2023-01-31+at+11.38.20.png Work - Make it stand out The funnel completion rate was hovering at around 3 % for a long time. With the small iterative improvements we made in this project, we doubled the completion rate. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/48b777b4-cc67-49fb-9c45-3c90968df05b/Screenshot+2024-09-10+at+12.07.26.png Work Final UI of Flexible delivery area for tablet and mobile. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/2285f67c-695c-47a6-97a8-aeb7d8938863/Screenshot+2024-09-12+at+16.55.51.png Work - Make it stand out Notes from prioritisation documentation: the feature can exist in both platforms and be used by different user groups. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/76b9355d-df4e-4e2a-9000-15bd6ba55bd4/Screenshot+2024-09-09+at+18.35.13.png Work - Make it stand out Part of design handoff of desktop version. On desktop, the users can also change pricing of areas. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/7a4b072b-0a8d-40c2-802f-fd3bfbe2ad56/Screenshot+2024-09-09+at+18.36.59.png Work - Make it stand out Detail of the UI on desktop: map, settings and insight component to guide users to make good pricing decisions. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/424973df-e718-4f41-af6c-62542a0e74e3/Screenshot+2024-09-09+at+18.39.05.png Work - Make it stand out Detail of warning states guiding the user to make better business decisions. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/de4c9ad3-6c76-451d-89e7-3872198e89b3/Screenshot+2024-09-10+at+12.16.49.png Work - Make it stand out Scrapped exploration. The design process started by creating low-fidelity wireframes in a design jam together with another designer, Yali. These wireframes are an exploration of combining the map with choosing the delivery mode: an idea which was discarded as it combined too many tasks and usability was compromised. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/be5c459b-7ebe-46c4-a5d5-5956384f1f41/Screenshot+2024-09-09+at+19.05.02.png Work - Make it stand out UI explorations for tablet on portrait and landscape. At the time of design, tablet usage was around 40 % but was forecast to go up to 85 % when tablet users that were still on a legacy version were updated. The design with a floating UI allows for most map real estate and thus was chosen. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/421281b8-dadc-453d-8ba1-9779f1c2cc98/Screenshot+2024-09-09+at+19.29.22.png Work - Make it stand out Final tablet designs. The user can tap either the area on the map, or the name on the menu to toggle it on and off. For quick usage in a rush hour, the menu does not need to be extended to make fast adjustments, however it is there to provide more information when needed. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/5a600e55-ec3c-415b-9c02-3bfc8b6c806f/Screenshot+2024-09-10+at+12.09.29.png Work - Make it stand out Final UI for mobile. Users can tap on areas on the map to toggle them on and off, or swipe up to open the full list to see more context. The quick action of switching all areas on with a single tap is always available for fast access. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/ab31a99f-0023-49c1-9c0a-a090f5e0fef8/Screenshot+2026-08-19+at+18.12.11.png Work Some of the latest rebranded UIs in production. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/904b8f9a-8dbb-4b7f-a031-115e81dede1b/Screenshot+2026-08-20+at+10.26.26.png Work - Make it stand out Th re-brand was a visual refresh of the UI to be aligned with current brand assets, but entailed also UX and hierarchy improvements. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/9e5356b6-737c-46e6-8683-77d171113b2f/Screenshot+2026-08-19+at+18.24.46.png Work - Make it stand out Slide from presentation describing how we went from one funnel to many. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/62fee29e-e1e4-4a40-8047-fa6848a37524/Screenshot+2026-08-20+at+10.35.38.png Work - Make it stand out Workspace where I experimented with re-ordering questions and dynamic content. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/e9f84ebf-531d-44ce-bd3f-c1ba87919398/Screenshot+2026-08-20+at+11.21.52.png Work - Make it stand out UI example with segmented progress bar and illustration. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1d33e8df-78f0-48b2-9595-43483390a058/Screenshot+2026-08-20+at+12.32.27.png Work - Make it stand out Re-design process of one critical screen: insurance picker. Instead of a very long scroll, I found that around 80% of users are with the 5 most common insurances, so surfacing them makes the screen much faster to navigate for most. The toast as immediate feedback that your insurance covers Oviva, creates an a-ha moment to keep the user engaged even if the form is long. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/56fe139d-53e3-40dd-9b0b-fc65c6327f79/Screenshot+2026-08-20+at+12.32.40.png Work - Make it stand out New UI elements I designed to run experiments with. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/91eb0913-abd7-4637-8f8f-9881a4ac0557/Screenshot+2026-08-20+at+11.30.17.png Work - Make it stand out Screens with dynamic content for diabetes segment https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/13cdd7a8-0127-4605-94ec-ede6a409de31/playlist.m3u8 https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/13cdd7a8-0127-4605-94ec-ede6a409de31/thumbnail Work Screen capture of one of the tested prototypes. https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/6e1560ee-9ac8-452a-8642-6efe0e363507/playlist.m3u8 https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/6e1560ee-9ac8-452a-8642-6efe0e363507/thumbnail Work Prototype for mobile, exploring 2 different UI options. I used this prototype to present the feature options to stakeholders ranging from engineers to leadership. The prototype served as a tool for prioritisation and estimation: the version with map was prioritised for usability reasons. https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/22a1dbed-a46a-4d50-a8ec-7fc65db4c38f/playlist.m3u8 https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/22a1dbed-a46a-4d50-a8ec-7fc65db4c38f/thumbnail Work Screen recording of the funnel in production on mobile. https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/780e3cb3-4ab6-4b08-9c9f-8271efac8e83/playlist.m3u8 https://video.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/780e3cb3-4ab6-4b08-9c9f-8271efac8e83/thumbnail Work Work http://www.marjotikkanen.com/video-test daily 0.75 2016-04-18 http://www.marjotikkanen.com/welcome daily 0.75 2015-05-01 https://images.squarespace-cdn.com/content/v1/5052176b84aeb45fa5cfcc83/1349577199654-C8A6HP2M4MLEBJXQ06MF/wilderness.png Welcome - Transient http://www.marjotikkanen.com/about daily 0.75 2026-08-18 https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/808d593e-e3b0-4edf-af9e-d490064ca528/Mask+group.png About https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/fa2fa8c7-b0f7-4053-bfdc-48f130b3888d/Mask+group-1.png About http://www.marjotikkanen.com/adb-safegate-extranet-1 daily 0.75 2018-08-21 https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534787092057-XQ1070QW865FBN0NQOVC/Screen+Shot+2018-08-20+at+19.44.19.png Copy of ADB Safegate Extranet https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534788516458-97BA6XI8P7ILRFT3ZOPI/iMac-psd-mockup-template+copy.png Copy of ADB Safegate Extranet https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534789149871-K5WAHXY605JXJKAC7812/Screen+Shot+2018-08-20+at+20.18.24.png Copy of ADB Safegate Extranet A slide from the user research summary https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/1534789292271-KHPIFA4U4QTNAHCR8GVA/image-asset.png Copy of ADB Safegate Extranet http://www.marjotikkanen.com/teaching-uxui-redi daily 0.75 2026-07-22 https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/de3c99d6-f2b3-4029-8b6d-ef29b6cd6869/Screenshot+2026-07-18+at+13.22.42.png Teaching UX/UI to Women and Refugees at ReDI School https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/eef39b2b-354e-4dc2-b324-1f44d032e862/IMG_1337.jpg Teaching UX/UI to Women and Refugees at ReDI School Graduation day for the most recent semester. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/f509362e-afb0-4f56-9b36-ece172bd7a12/and+this.png Teaching UX/UI to Women and Refugees at ReDI School - Make it stand out Anonymous student feedback gathered after a lesson I led. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/cccecfb7-e021-498b-a6e5-baae7da9f338/Screenshot+2026-07-18+at+12.56.13.png Teaching UX/UI to Women and Refugees at ReDI School - Make it stand out Slide example: first exercise to learn prototype prompting with Figma Make and start a conversation on results. https://images.squarespace-cdn.com/content/v1/56af642062cd94db9de5bdb1/88e50911-e51f-4a07-8cb4-3c5840919da6/Horizontal_nobackground.webp Teaching UX/UI to Women and Refugees at ReDI School - 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/56af642062cd94db9de5bdb1/12371653-a844-4176-a99e-fbfebe479014/this.png Teaching UX/UI to Women and Refugees at ReDI School - Make it stand out Feedback on teacher’s corner.