https://oskarsmith.se oskarsmith Thu, 14 Nov 2024 08:46:58 +0000 https://oskarsmith.se en https://oskarsmith.se/Guides Fri, 27 Sep 2024 08:07:15 +0000 oskarsmith https://oskarsmith.se/Guides GuidesWeb | UX, UI, Branding Guides is an open source library of practical publications that continually evolve. Their vision is to create a community where people can gather, reflect, and share.&nbsp;ClientGuides.co <img width="2880" height="1918" width_o="2880" height_o="1918" data-src="https://freight.cargo.site/t/original/i/2e2cc756a65dd472552077c0ec4d35554eb9a36f842fefc078d76adaa8e64791/mockup.png" data-mid="221763108" border="0" src="https://freight.cargo.site/w/1000/i/2e2cc756a65dd472552077c0ec4d35554eb9a36f842fefc078d76adaa8e64791/mockup.png" /> Scope My role was to bring the community to life through wireframing, prototyping, testing, and interface design. The work also included branding to give the evolving platform an accompanying visual direction.I first led a design sprint to define a brand strategy. I used the findings as a springboard for the creation of a visual styleguide and tone of voice, from which an entire library of interface components and new landing page grew. <img width="5900" height="3456" width_o="5900" height_o="3456" data-src="https://freight.cargo.site/t/original/i/bf2196e40d543c1f73763b76d98986f82911a3d28d07331deef955d21b7f5891/DesignSystem.png" data-mid="221727546" border="0" data-no-zoom alt="Design System" data-caption="Design System" src="https://freight.cargo.site/w/1000/i/bf2196e40d543c1f73763b76d98986f82911a3d28d07331deef955d21b7f5891/DesignSystem.png" />Custom Components &amp; Style Library <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/d2742e4bcccf589941c04e6636c4279ddfa888878ccacd93fb9b3beedf14e05a/landing.png" data-mid="221729381" border="0" alt="Landing Page" data-caption="Landing Page" src="https://freight.cargo.site/w/1000/i/d2742e4bcccf589941c04e6636c4279ddfa888878ccacd93fb9b3beedf14e05a/landing.png" />Landing Page&nbsp;&nbsp; Process To transform the platform into a community, a complete redesign of the existing page structure was needed, as well as the introduction of new features to foster the right spirit. The concept of an online Campfire where like-minded can gather to reflect, and Gratitude as a form of currency, were developed.Sometimes low-fidelity prototypes would be enough, but because of the product's complexity, I also built a fully interactive prototype to be tested. <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/393588f6489d754e0425aec48100f6d6cef7416e5fccba610b62b4c50bef3ee5/Home01.png" data-mid="221702465" border="0" alt="Homepage" data-caption="Homepage" src="https://freight.cargo.site/w/1000/i/393588f6489d754e0425aec48100f6d6cef7416e5fccba610b62b4c50bef3ee5/Home01.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d04163b5e053e947901c3e531ce7738b83234ec2d97f652472a12dc2be7665b5/Role.png" data-mid="221701988" border="0" alt="Role page" data-caption="Role page" src="https://freight.cargo.site/w/1000/i/d04163b5e053e947901c3e531ce7738b83234ec2d97f652472a12dc2be7665b5/Role.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4b33b857348de581c282c1495e77b6de2a8eaadcbc1871fca46a3765ff48c787/My-Profile.png" data-mid="221701987" border="0" alt="Your Profile" data-caption="Your Profile" src="https://freight.cargo.site/w/1000/i/4b33b857348de581c282c1495e77b6de2a8eaadcbc1871fca46a3765ff48c787/My-Profile.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e6b1123686c437faf369d110d2cc2c8039851f7abd741951e634764d0e945a9b/Space.png" data-mid="221701989" border="0" alt="A space is a place to collaborate on a topic" data-caption="A space is a place to collaborate on a topic" src="https://freight.cargo.site/w/1000/i/e6b1123686c437faf369d110d2cc2c8039851f7abd741951e634764d0e945a9b/Space.png" /> A home page concept with a looping horizontal scroll that would take users through different widgets of recent activity Solution The new platform has an improved structure, optimized for an efficient user experience, where shared spaces play a central role in connecting people with similar interests.&nbsp; <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/9a5f3d4d31d5945fdb32df84d110832d9804face5e03cf800f7801866eeb3446/optimized_4_hub-journal_3-849f1b4d943b7a705d174c93e61a4c2d.jpg" data-mid="221341605" border="0" alt="The journal is a place to share and reflect before thoughts become guides." data-caption="The journal is a place to share and reflect before thoughts become guides." src="https://freight.cargo.site/w/1000/i/9a5f3d4d31d5945fdb32df84d110832d9804face5e03cf800f7801866eeb3446/optimized_4_hub-journal_3-849f1b4d943b7a705d174c93e61a4c2d.jpg" />The journal is a place to share and reflect before thoughts become guides. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/913a8e5df052ac88175d270ec45de7719d7804f39fe3d2594228ecf52b2b3c23/optimized_3_journal-a32779c038097c9bab2ce9a7c09b8ad0.jpg" data-mid="221341604" border="0" alt="The journal is a place to share and reflect before thoughts become guides." data-caption="The journal is a place to share and reflect before thoughts become guides." src="https://freight.cargo.site/w/1000/i/913a8e5df052ac88175d270ec45de7719d7804f39fe3d2594228ecf52b2b3c23/optimized_3_journal-a32779c038097c9bab2ce9a7c09b8ad0.jpg" />A journal entry <img width="1691" height="1406" width_o="1691" height_o="1406" data-src="https://freight.cargo.site/t/original/i/aec126bb6365c286c5986227fb9a33be1b2b31eb8ae1b2ce1fa1c1e69edea365/UIDesign.png" data-mid="221736436" border="0" src="https://freight.cargo.site/w/1000/i/aec126bb6365c286c5986227fb9a33be1b2b31eb8ae1b2ce1fa1c1e69edea365/UIDesign.png" /> Result The new brand direction, with a focus on reflection and sharing, lead the team behind guides to explore new paths forward. To be able to fully focus on the new insights they decided to create a separate company, Soulbound, to help teams open up and spark meaningful conversations. ︎ Previous projectNext project&nbsp;︎ https://oskarsmith.se/MusicMessage Tue, 29 Oct 2024 11:16:22 +0000 oskarsmith https://oskarsmith.se/MusicMessage MusicMessageApp | UX, UI, BrandingA startup with a vision to share emotions through music. They have a growing library of snippets that capture the essence of songs, and were looking to secure funding with a solid app prototype.Prototype LinkInVision <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/1afba8e9eb0e94e5e78ff320453e549b5090656d1cd4dcd4a9ea45513e01468e/Preview_3.png" data-mid="221337869" border="0" src="https://freight.cargo.site/w/1000/i/1afba8e9eb0e94e5e78ff320453e549b5090656d1cd4dcd4a9ea45513e01468e/Preview_3.png" /> Objective Their goal was to secure funding to develop an iOS and Android app. My role as a UX/UI designer was to design an intuitive interface for a broad demographic, starting with the iOS app. <img width="1600" height="1448" width_o="1600" height_o="1448" data-src="https://freight.cargo.site/t/original/i/e70bf6e23cbf6d57c3d0ab2174c0b9e361ee1402adf69ff37bf76c05054f2313/moodboards2.png" data-mid="221274186" border="0" src="https://freight.cargo.site/w/1000/i/e70bf6e23cbf6d57c3d0ab2174c0b9e361ee1402adf69ff37bf76c05054f2313/moodboards2.png" />Two style directions; One inspired by analogue music and the other by digital Branding Strategy I first held a design sprint tailored to help them define the characteristics of the brand, and how to position themselves among the competition and their primary target groups. <img width="1708" height="2652" width_o="1708" height_o="2652" data-src="https://freight.cargo.site/t/original/i/5daed65483a41c8d3bc9c30b1b88875a796ebbc864f61644c31213781257e737/WireframesNoFade.png" data-mid="221571503" border="0" src="https://freight.cargo.site/w/1000/i/5daed65483a41c8d3bc9c30b1b88875a796ebbc864f61644c31213781257e737/WireframesNoFade.png" /> The Challenge I set out to simplify the app structure and content with focus on the two primary user scenarios; either they know exactly what song to share, or they know what emotion they want to convey.&nbsp; Process Once the core functionality was defined the prototyping could start. Deciding on an app’s structure is a crucial first step. I started by comparing navigation models to see what best supported the user scenarios.I settled on two prototypes; One with a long, single page, design. And the other using my favorite UI component - the tab bar.&nbsp; <img width="2264" height="773" width_o="2264" height_o="773" data-src="https://freight.cargo.site/t/original/i/287dc26efbabb80f76572328df3e87f5f8ecf2c7c66d7a926c13127b94f6da93/flow.png" data-mid="221268100" border="0" alt="Flowchart" data-caption="Flowchart" src="https://freight.cargo.site/w/1000/i/287dc26efbabb80f76572328df3e87f5f8ecf2c7c66d7a926c13127b94f6da93/flow.png" /> Solution We settled on a tab bar model for it’s ability to convey both a sense of what the app is about, and what you can do, at a glance.&nbsp;The default, Discover tab, consists of curated songs sorted into collections. Here you also get personalised recommendations which is a way to promote new artists, and see the most popular songs.The second, Share tab, is tailored to quickly find the right tune to share at the moment, based on recently played, shared, saved, and created songs. ︎ Previous projectNext project&nbsp;︎ https://oskarsmith.se/IvyWise Thu, 24 Nov 2022 12:47:05 +0000 oskarsmith https://oskarsmith.se/IvyWise IvyWiseWeb | UX, UI, BrandingIvyWise offers college admission counseling and tutoring. I refreshed their brand guidelines, improved client onboarding, and designed a dynamic homepage for their internal web portal.ClientIvywise <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/2c78d44c74a508b32812c5c20df9bb6770eeb91f884e01ea5332e668bd8e3309/1_Intro_Onboarding.png" data-mid="165265216" border="0" src="https://freight.cargo.site/w/1000/i/2c78d44c74a508b32812c5c20df9bb6770eeb91f884e01ea5332e668bd8e3309/1_Intro_Onboarding.png" /> Look &amp; Feel I updated their current brand guidelines to ensure consistency across their digital and print offerings. A serif font was introduced to create more contrast and expressiveness, and to add a sense of elegance and connection with the historical ivy leagues. I fine-tuned and narrowed down their color palette, and designed supportive visual elements based on the leaves in the logo. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/2874f58dff4b65dd0c453cc75dfccaba5f60ba660c5cc3ea505a8aaa2107ed63/7_Styleguide.png" data-mid="165265222" border="0" alt="Branding" data-caption="Branding" src="https://freight.cargo.site/w/1000/i/2874f58dff4b65dd0c453cc75dfccaba5f60ba660c5cc3ea505a8aaa2107ed63/7_Styleguide.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/bfd27e0c3cdc881ae69000a61b5b3d7b163557f4db10790973242cd02802c77e/9_InteractivePamphlet.png" data-mid="165265224" border="0" src="https://freight.cargo.site/w/1000/i/bfd27e0c3cdc881ae69000a61b5b3d7b163557f4db10790973242cd02802c77e/9_InteractivePamphlet.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/eeb982723ba4db14459234751649000af51278a76675b6164de15e72f06d011a/8_InteractivePamphlet_Sketch.png" data-mid="165265223" border="0" alt="Sketches" data-caption="Sketches" src="https://freight.cargo.site/w/1000/i/eeb982723ba4db14459234751649000af51278a76675b6164de15e72f06d011a/8_InteractivePamphlet_Sketch.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/fa7e02563d41e6a4f31cc49f2a4a7429df71f0e81ed5c6e4cafaf0ba5a0f2f5f/2_Login.png" data-mid="165265217" border="0" src="https://freight.cargo.site/w/1000/i/fa7e02563d41e6a4f31cc49f2a4a7429df71f0e81ed5c6e4cafaf0ba5a0f2f5f/2_Login.png" /> The Challenge The existing portal handled almost everything concerning their services and catered to many different user types, but had grown too complex as new features piled on. My goal was to give the interface an overhaul and make accessing data and performing actions more intuitive. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/3f219ef496b012b05080c6e85065c19ec6b236dedc70315e5a0a307ba4e99660/3_UserResearch.png" data-mid="165822623" border="0" alt="It was crucial to understand all the different needs by first performing user interviews and creating personas." data-caption="It was crucial to understand all the different needs by first performing user interviews and creating personas." src="https://freight.cargo.site/w/1000/i/3f219ef496b012b05080c6e85065c19ec6b236dedc70315e5a0a307ba4e99660/3_UserResearch.png" /> It was crucial to understand all the different needs by first performing user interviews and creating personas. Solution I introduced a new Dashboard page for each user type, which shows the latest activity with actionable functions.&nbsp; The Dashboard varied in complexity and between teams. The enrolment team needed a widget to easily track the onboarding progress of new students, while the client relations team requested a widget for notes that are pending approval. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/9ba367da81752a312aef0689b8ef2304422593ee8e6216bc6d145457e98e14f0/4_Wireframes.png" data-mid="165265219" border="0" alt="1/2 Wireframes" data-caption="1/2 Wireframes" src="https://freight.cargo.site/w/1000/i/9ba367da81752a312aef0689b8ef2304422593ee8e6216bc6d145457e98e14f0/4_Wireframes.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/353a91dfd653ed64bf32ee4d6f28807f5045055a2dd2d6ba5d10fc29cb015423/5_Dashboard.png" data-mid="165265220" border="0" alt="2/2 Prototype" data-caption="2/2 Prototype" src="https://freight.cargo.site/w/1000/i/353a91dfd653ed64bf32ee4d6f28807f5045055a2dd2d6ba5d10fc29cb015423/5_Dashboard.png" /> Onboarding The onboarding of new students presented another challenge. Instead of a large form that the enrolment team had to guide the families through, I created a more engaging experience by breaking up the form into more manegable pieces, which in turn would reward their effort with recommended counselors to select from. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/2c78d44c74a508b32812c5c20df9bb6770eeb91f884e01ea5332e668bd8e3309/1_Intro_Onboarding.png" data-mid="165265216" border="0" src="https://freight.cargo.site/w/1000/i/2c78d44c74a508b32812c5c20df9bb6770eeb91f884e01ea5332e668bd8e3309/1_Intro_Onboarding.png" /> <img width="1440" height="2682" width_o="1440" height_o="2682" data-src="https://freight.cargo.site/t/original/i/b90c63e40ef26237ffd485198e27212e0ef254a24766ba61ed6ccd98c1aff1b8/counselorProfile.png" data-mid="165820580" border="0" src="https://freight.cargo.site/w/1000/i/b90c63e40ef26237ffd485198e27212e0ef254a24766ba61ed6ccd98c1aff1b8/counselorProfile.png" /> Result The launch of the new dashboard brought clarity to the staff’s work day, helped prioritise tasks, and let them focus their time on the most important aspects of each role. ︎ Previous projectNext project&nbsp;︎ https://oskarsmith.se/Tourchamp Thu, 14 Nov 2024 08:46:58 +0000 oskarsmith https://oskarsmith.se/Tourchamp TourChampWeb | UX, UI, Branding TourChamp lets you create and organize your own golf tour and keep track of the scores online. They needed help with the entire process from branding to UI/UX design to launch the platform.ClientSunday Red Media <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/f128206ca4234a5754dfcf73473f159ac925cd4533a1e6b560ddc7ac98ad70c2/Styleguide.png" data-mid="221758859" border="0" src="https://freight.cargo.site/w/1000/i/f128206ca4234a5754dfcf73473f159ac925cd4533a1e6b560ddc7ac98ad70c2/Styleguide.png" /> <img width="1400" height="3607" width_o="1400" height_o="3607" data-src="https://freight.cargo.site/t/original/i/f03599452c55d1ad68e0a715dfcf3a31d847a4285e3ace96df339be738691f0f/tourchamp_00_5.png" data-mid="221758522" border="0" alt="I first iterated on the homepage layout with wireframes before diving into the visual design. Having a clear structure, from the unique selling points to social proof and calls to action, helps with converting potential customers." data-caption="I first iterated on the homepage layout with wireframes before diving into the visual design. Having a clear structure, from the unique selling points to social proof and calls to action, helps with converting potential customers." src="https://freight.cargo.site/w/1000/i/f03599452c55d1ad68e0a715dfcf3a31d847a4285e3ace96df339be738691f0f/tourchamp_00_5.png" /> Branding Inspired by aerial footage of golf courses, I started to experiment with shapes and colors to bring the brand to life. For the landing page, these shapes lead the user down the page and act as a fifth brand element throughout the site. <img width="1400" height="1414" width_o="1400" height_o="1414" data-src="https://freight.cargo.site/t/original/i/14dd4f7e7e6dada22079004c3f0caca0ecf5164fa75e81df1201ff9323486a9b/TourChamp_02-Copy.png" data-mid="221758524" border="0" src="https://freight.cargo.site/w/1000/i/14dd4f7e7e6dada22079004c3f0caca0ecf5164fa75e81df1201ff9323486a9b/TourChamp_02-Copy.png" /> <img width="1400" height="1281" width_o="1400" height_o="1281" data-src="https://freight.cargo.site/t/original/i/1e71b66a116db8bdc479bda0624f34752e37d9ec77a25f5ca50dfca8c808ff66/TourChamp_03-Copy.png" data-mid="221758525" border="0" src="https://freight.cargo.site/w/1000/i/1e71b66a116db8bdc479bda0624f34752e37d9ec77a25f5ca50dfca8c808ff66/TourChamp_03-Copy.png" /> <img width="1400" height="1080" width_o="1400" height_o="1080" data-src="https://freight.cargo.site/t/original/i/095ef12ed520ab897f9150b745f3584ef0c5d6569d954d3c4b6966e4758b0f93/TourChamp_04-Copy.png" data-mid="221758756" border="0" src="https://freight.cargo.site/w/1000/i/095ef12ed520ab897f9150b745f3584ef0c5d6569d954d3c4b6966e4758b0f93/TourChamp_04-Copy.png" /> Result The entire interface is designed with mobile in mind so that players that are out on the course quickly can register their rounds and see the standings. ︎ Previous projectNext project&nbsp;︎ https://oskarsmith.se/Branding Sat, 11 Aug 2018 10:16:35 +0000 oskarsmith https://oskarsmith.se/Branding BrandingStrategy, Brand Identity Design, App Icons I strive to find a story that fits the brand and design the identity around that - forming a consistent look and feel that subtly hints at the core values or functionality. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/dca1461c30c77e9e08f319e845cae2123c00feb5abf9b68ee84855f10d1ff828/Third01.jpg" data-mid="22094239" border="0" src="https://freight.cargo.site/w/1000/i/dca1461c30c77e9e08f319e845cae2123c00feb5abf9b68ee84855f10d1ff828/Third01.jpg" /> Third, a start-up that offered third-party payment processing App Icons Below are a selection of app icons for other start-ups, each based on a concept that ties in with the brand in a subtle way. <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/70d4c6e587b5289ba188e91854eb85bfb88371ce089c11666e6ca88049093976/sp_icon-1.png" data-mid="22094243" border="0" alt="Platform for short-story authors" data-caption="Platform for short-story authors" src="https://freight.cargo.site/w/800/i/70d4c6e587b5289ba188e91854eb85bfb88371ce089c11666e6ca88049093976/sp_icon-1.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/1bfceaab238d6bf9639261910b636abcd183821735c6455947c722163e36696e/travelot-icon02.png" data-mid="26629838" border="0" alt="Start-up for business travellers" data-caption="Start-up for business travellers" src="https://freight.cargo.site/w/800/i/1bfceaab238d6bf9639261910b636abcd183821735c6455947c722163e36696e/travelot-icon02.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/4dbe292d94bae0e047cea4921090f2cfb581dad61e68a7159e149b1c92f23979/florin-icon.png" data-mid="26457664" border="0" alt="Sending and receiving micro-transactions of cryptocurrencies" data-caption="Sending and receiving micro-transactions of cryptocurrencies" src="https://freight.cargo.site/w/800/i/4dbe292d94bae0e047cea4921090f2cfb581dad61e68a7159e149b1c92f23979/florin-icon.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/6b0b466f65bfc6b8690f8dcda181d7da45fe5dcca586ef8ba8d47180019e5cbe/CodeJourneys2.png" data-mid="221767861" border="0" alt="Suite of productivity apps" data-caption="Suite of productivity apps" src="https://freight.cargo.site/w/800/i/6b0b466f65bfc6b8690f8dcda181d7da45fe5dcca586ef8ba8d47180019e5cbe/CodeJourneys2.png" /> Branding I first establish a creative brief together with the client, outlining the objective and creative considerations. This is the springboard for all future exploration. I explore different directions with mood-boards and sketches, and continue to iterate on the decided route.&nbsp; <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/e7121389835eaec663550ccb6efa419a2c6102d9d225138b451c8ec1278cf6ab/insignety-02.png" data-mid="26631907" border="0" alt="Heartbeat inscribed wedding bands" data-caption="Heartbeat inscribed wedding bands" src="https://freight.cargo.site/w/800/i/e7121389835eaec663550ccb6efa419a2c6102d9d225138b451c8ec1278cf6ab/insignety-02.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/f583b0cc5c756e215f39a1f05621742e1a517a8eea1f88a8e1355016c9bdf2b5/Third_Logo-Proposal-Mockup.png" data-mid="26633895" border="0" alt="Third-party payment provider" data-caption="Third-party payment provider" src="https://freight.cargo.site/w/800/i/f583b0cc5c756e215f39a1f05621742e1a517a8eea1f88a8e1355016c9bdf2b5/Third_Logo-Proposal-Mockup.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/1a408da9533ae7facedb0e9cf93365f3e11180ed4fa4f0eb3049220ff6da6a9e/Tabster.png" data-mid="221781080" border="0" alt="Split the bar tab and pay" data-caption="Split the bar tab and pay" src="https://freight.cargo.site/w/800/i/1a408da9533ae7facedb0e9cf93365f3e11180ed4fa4f0eb3049220ff6da6a9e/Tabster.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/b385f0c2329bb34b1491af798751eb5d17babde45f56a728855c92e792531810/StoriesPlayground.png" data-mid="26628660" border="0" alt="Platform for short-story authors" data-caption="Platform for short-story authors" src="https://freight.cargo.site/w/800/i/b385f0c2329bb34b1491af798751eb5d17babde45f56a728855c92e792531810/StoriesPlayground.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/b625840e5151822510021ff4a62bd66296f78f235c88aa08b26853544ad0da90/Lemon.png" data-mid="26628654" border="0" alt="Aggregate for rental houses" data-caption="Aggregate for rental houses" src="https://freight.cargo.site/w/800/i/b625840e5151822510021ff4a62bd66296f78f235c88aa08b26853544ad0da90/Lemon.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/74b48d83afcde0f604c54e2aa3343effaed6c08e44a043adc3c9c09a7c8b75b5/Sparrow.png" data-mid="221780948" border="0" alt="Smart travel search engine" data-caption="Smart travel search engine" src="https://freight.cargo.site/w/800/i/74b48d83afcde0f604c54e2aa3343effaed6c08e44a043adc3c9c09a7c8b75b5/Sparrow.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/39e6c2b7f4a2b01de9c9bc6d9ec111fd13efd4334bea6d2cac706a4e7a0d14c2/wishListify.png" data-mid="221782873" border="0" alt="Wishlist app" data-caption="Wishlist app" src="https://freight.cargo.site/w/800/i/39e6c2b7f4a2b01de9c9bc6d9ec111fd13efd4334bea6d2cac706a4e7a0d14c2/wishListify.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/717eb883c1a897153ac303ae3842628224feb48e8c5a064b8db70c99660d4d41/EBO.png" data-mid="222040093" border="0" alt="Audiovisual innovation" data-caption="Audiovisual innovation" src="https://freight.cargo.site/w/800/i/717eb883c1a897153ac303ae3842628224feb48e8c5a064b8db70c99660d4d41/EBO.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/afa950ea9d33bd5bf28251040586b71cb786b08e5a81858e3b36e04296800d07/Guides.png" data-mid="221782393" border="0" alt="Community for navigating change" data-caption="Community for navigating change" src="https://freight.cargo.site/w/800/i/afa950ea9d33bd5bf28251040586b71cb786b08e5a81858e3b36e04296800d07/Guides.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/508a73753bc849b10d0527ecb6af86ddfdd46b331602b71831acf622ae8a0a64/FonkABC.png" data-mid="222038646" border="0" alt="Custom Lettertype" data-caption="Custom Lettertype" src="https://freight.cargo.site/w/800/i/508a73753bc849b10d0527ecb6af86ddfdd46b331602b71831acf622ae8a0a64/FonkABC.png" /> Homepage ︎ Archive ︎About&nbsp;︎ https://oskarsmith.se/Archive Fri, 10 Aug 2018 11:50:25 +0000 oskarsmith https://oskarsmith.se/Archive Archive2011 — 2019 Take a trip down memory lane - from more recent works back to the early days of shiny buttons and fancy textures.&nbsp; <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/27ef3fc07121cb98cd00c37a55951b0b89771e70d8d2e8e6457c8d25a4a0305d/nterspec_ordersInbound.png" data-mid="222068214" border="0" alt="FlexBase - SaaS web design. The product aimed to transform the manual process of creating and tracking orders of new materials for offshore facilities using AI technology." data-caption="FlexBase - SaaS web design. The product aimed to transform the manual process of creating and tracking orders of new materials for offshore facilities using AI technology." src="https://freight.cargo.site/w/1000/i/27ef3fc07121cb98cd00c37a55951b0b89771e70d8d2e8e6457c8d25a4a0305d/nterspec_ordersInbound.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/fe13322c9bc07e6c34a6574583303e6fb21a7c5fa8b406d94a9cf1cc2de9d9a4/branding-b37092ac0000e4086218b8a8b394c879.png" data-mid="222205627" border="0" src="https://freight.cargo.site/w/1000/i/fe13322c9bc07e6c34a6574583303e6fb21a7c5fa8b406d94a9cf1cc2de9d9a4/branding-b37092ac0000e4086218b8a8b394c879.png" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/f9bc473b82b2d2c165cd6ef0d8f7584ed6ceea3329b8f829540d7fc609bda6c1/optimized_home-41cd2c5f8e10e061e6c2e69fdb0bdd4d.jpg" data-mid="222205281" border="0" alt="Crobox - A complete rebranding and web design for data-driven e-commerce insights." data-caption="Crobox - A complete rebranding and web design for data-driven e-commerce insights." src="https://freight.cargo.site/w/1000/i/f9bc473b82b2d2c165cd6ef0d8f7584ed6ceea3329b8f829540d7fc609bda6c1/optimized_home-41cd2c5f8e10e061e6c2e69fdb0bdd4d.jpg" /> <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/700410d86488924c61e2023ca24ced7314fc8f23d761b04bf47eb108a5b8cf01/IMG_8487.JPG" data-mid="221956706" border="0" alt="CoChef - A cooking app that divides recipes into tasks suited for parents and children; making it easy and fun for families to cook together." data-caption="CoChef - A cooking app that divides recipes into tasks suited for parents and children; making it easy and fun for families to cook together." src="https://freight.cargo.site/w/1000/i/700410d86488924c61e2023ca24ced7314fc8f23d761b04bf47eb108a5b8cf01/IMG_8487.JPG" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8a958870371ad0bbd440a1b5020df48101121d35bd63dc8eef05c0450804d7f5/croboxMore02.png" data-mid="37543912" border="0" alt="Crobox - Responsive web design with accompanying graphics for a short campaign project - an index of leading e-commerce sites." data-caption="Crobox - Responsive web design with accompanying graphics for a short campaign project - an index of leading e-commerce sites." src="https://freight.cargo.site/w/1000/i/8a958870371ad0bbd440a1b5020df48101121d35bd63dc8eef05c0450804d7f5/croboxMore02.png" /> <img width="1800" height="1100" width_o="1800" height_o="1100" data-src="https://freight.cargo.site/t/original/i/685b8f88e58f7a286854c2d5c2fd5d329f21b25338fb7d51cd33dea5dc277009/home.png" data-mid="22051198" border="0" alt="Aon - App to bring talking points to the fingertips of Aon employees in an intuitive and compelling way." data-caption="Aon - App to bring talking points to the fingertips of Aon employees in an intuitive and compelling way." src="https://freight.cargo.site/w/1000/i/685b8f88e58f7a286854c2d5c2fd5d329f21b25338fb7d51cd33dea5dc277009/home.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2256651885ceec1693b16fc85428f18dee9bc0e191a3186f928dea4eebdf8a79/thumbail03.png" data-mid="221963473" border="0" alt="Tabster - Simplify how we split the bill." data-caption="Tabster - Simplify how we split the bill." src="https://freight.cargo.site/w/1000/i/2256651885ceec1693b16fc85428f18dee9bc0e191a3186f928dea4eebdf8a79/thumbail03.png" /> <img width="1440" height="2320" width_o="1440" height_o="2320" data-src="https://freight.cargo.site/t/original/i/dd6bdd3c1ab6d3d4b63a8f297479ffdc95d9c1cb8d1f19fb309bba388884b567/tabster_keynotePrototype.png" data-mid="221963646" border="0" alt="Tabster - Simplify how we split the bill." data-caption="Tabster - Simplify how we split the bill." src="https://freight.cargo.site/w/1000/i/dd6bdd3c1ab6d3d4b63a8f297479ffdc95d9c1cb8d1f19fb309bba388884b567/tabster_keynotePrototype.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1ddcc96a94b0333b0ecf5cbb09d20a2fdde71b2f3ec52febb65a4dfe0d9f05f7/fixico-app.png" data-mid="28299137" border="0" src="https://freight.cargo.site/w/1000/i/1ddcc96a94b0333b0ecf5cbb09d20a2fdde71b2f3ec52febb65a4dfe0d9f05f7/fixico-app.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/502a0bc634c573d5129784afdcb759b607aa515b019468d38f1395a81e64b887/tips.png" data-mid="221956753" border="0" alt="CoChef - A cooking app that divides recipes into tasks suited for parents and children; making it easy and fun for families to cook together." data-caption="CoChef - A cooking app that divides recipes into tasks suited for parents and children; making it easy and fun for families to cook together." src="https://freight.cargo.site/w/1000/i/502a0bc634c573d5129784afdcb759b607aa515b019468d38f1395a81e64b887/tips.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7fb62380d959379287055651c07861e2fdf5a10d465dc419b9d04255aba386d0/transmoto.png" data-mid="27943618" border="0" alt="Transmoto - Mobile apps for an Australian dirt bike magazine." data-caption="Transmoto - Mobile apps for an Australian dirt bike magazine." src="https://freight.cargo.site/w/1000/i/7fb62380d959379287055651c07861e2fdf5a10d465dc419b9d04255aba386d0/transmoto.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/50caa5495871912870c1bf4876623507ed6e943df03402c2c552db9dfb229991/rabradio_02.png" data-mid="27943492" border="0" alt="Pauls Popduel - A music quiz that also could be played live with a dutch radio show.&nbsp;" data-caption="Pauls Popduel - A music quiz that also could be played live with a dutch radio show.&nbsp;" src="https://freight.cargo.site/w/1000/i/50caa5495871912870c1bf4876623507ed6e943df03402c2c552db9dfb229991/rabradio_02.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/c7e0f21b9c6e3518647bac321c78db8b7349662f42682b727d3892f8fadc6aa1/drop.png" data-mid="221974054" border="0" alt="CardCloud - App for sharing business cards." data-caption="CardCloud - App for sharing business cards." src="https://freight.cargo.site/w/800/i/c7e0f21b9c6e3518647bac321c78db8b7349662f42682b727d3892f8fadc6aa1/drop.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/899c21ca25165fc8ede19d672d5379cd5e81fa8d9286dbe9760828851cb20909/cardcloud_icon.png" data-mid="221975174" border="0" alt="CardCloud - App for sharing business cards." data-caption="CardCloud - App for sharing business cards." src="https://freight.cargo.site/w/1000/i/899c21ca25165fc8ede19d672d5379cd5e81fa8d9286dbe9760828851cb20909/cardcloud_icon.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/15abd4123bdada75e8cb3507648a21b0952cf60ef2ace62c1fd375ba3ade7534/snesPurple.png" data-mid="36883333" border="0" alt="SNES - A homage to my favourite video game controller" data-caption="SNES - A homage to my favourite video game controller" src="https://freight.cargo.site/w/1000/i/15abd4123bdada75e8cb3507648a21b0952cf60ef2ace62c1fd375ba3ade7534/snesPurple.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b93d66c2919f86bb609ddc5153e26c160bd09c55021453659594d72ca5694a20/grolsch.png" data-mid="28307331" border="0" alt="Grolsch - A campaign app for the Lowlands festival." data-caption="Grolsch - A campaign app for the Lowlands festival." src="https://freight.cargo.site/w/1000/i/b93d66c2919f86bb609ddc5153e26c160bd09c55021453659594d72ca5694a20/grolsch.png" /> <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/daedb4728a0dd8832ed4562e49d3d179869ff0fa313c312e91183b3408f050f7/groslch.png" data-mid="28320503" border="0" alt="Grolsch - A campaign app for the Lowlands festival." data-caption="Grolsch - A campaign app for the Lowlands festival." src="https://freight.cargo.site/w/800/i/daedb4728a0dd8832ed4562e49d3d179869ff0fa313c312e91183b3408f050f7/groslch.png" /> Home ︎ Branding ︎ About ︎ https://oskarsmith.se/Home Thu, 19 Jul 2018 15:20:01 +0000 oskarsmith https://oskarsmith.se/Home I make apps and websites easy to use and pretty to look at. ︎&nbsp;Selected works https://oskarsmith.se/About Thu, 10 Jan 2019 10:20:59 +0000 oskarsmith https://oskarsmith.se/About <img width="1071" height="1600" width_o="1071" height_o="1600" data-src="https://freight.cargo.site/t/original/i/8d2e011bb6de85a7f13b997cabdc68b75c0d31c23acefc5357b060cd97a29693/0be72026-768a-45ad-8207-fc65ca5294a7.JPG" data-mid="221364316" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/8d2e011bb6de85a7f13b997cabdc68b75c0d31c23acefc5357b060cd97a29693/0be72026-768a-45ad-8207-fc65ca5294a7.JPG" /> Hi there, I’m a freelancing Digital Product Designer from Sweden, currently based in Malmö.I’m specialised in interaction and interface design, or UI/UX if you prefer that lingo. I like to make apps and websites that look-, feel-, and do good.My services cover the entire process of launching and refining digital products. I’m also happy to work with branding and app icons. Education 2010 — 2011 Mobile Applications / Hyper Island Career 2018 —&nbsp; Freelance 2013 — 2018 Designer / Faraday 2012 — 2013 Designer / Moblio 2011 — 2012 Designer / Isobar NL