Sebastian Carlsson

Sebastian Carlsson

Berlin, Germany
Hire Sebastian
Scroll To View More
Sebastian Carlsson

Sebastian Carlsson

Berlin, Germany
Member since May 23, 2015
Sebastian is a Swedish front-end developer with 9 years of professional experience. Since graduating Hyper Island's design program, he has been working for agencies in London, Stockholm, and Berlin with clients such as General Electric, H&M, and Adidas. He's currently based in Berlin where he's been a freelancer for the past three years, working for AAA agencies in Europe and the US with projects for Mercedes-Benz, Netflix, and others.
Sebastian is now available for hire
Portfolio
Experience
  • JavaScript, 9 years
  • HTML5, 4 years
  • CSS3, 3 years
  • AngularJS, 1 year
  • Backbone.js, 3 years
  • React.js, 1 year
  • Gulp.js, 1 year
  • Web Design, 12 years
Berlin, Germany
Availability
Full-time
Preferred Environment
Mac OS, Git
The most amazing...
...thing I've coded recently is a React application controlling the workflows in a gigantic warehouse for the huge eCommerce company Zalando.
Employment
  • Freelance Front-end Developer
    Zalando SE (Berlin)
    2015 - 2016
    • Created a front-end interface to manage back-end logistics systems.
    • Created a front-end interface to manage workflows in a physical warehouse.
    • Used the Webpack/React/Redux/Immutable stack.
    • Utilized web workers for data filtering and file parsing tasks.
    • Used Agile project methodologies.
    Technologies: ES6, React.js, Redux, Immutable.js, Webpack, Bootstrap
  • Freelance Interactive Developer/Motion Designer
    Your Majesty, Co. (New York City)
    2015 - 2015
    • Created a 3D "fly-through" experience using CSS3 (http://worldofmcintosh.com/).
    Technologies: JavaScript ES6, Backbone.js, GSAP, SVG animation
  • Freelance Interactive Developer/Motion Designer
    Your Majesty, Co. (New York City)
    2015 - 2015
    • Created a brand experience site for Netflix.
    Technologies: HTML5, AngularJS, SVG animation
  • Freelance Flash/Adobe AIR Developer
    Icon Mobile (Berlin)
    2014 - 2014
    • Worked on interactive AIR prototypes for the touch screen of a washing machine for an undisclosed major electric appliances brand.
    Technologies: Flash, ActionScript 3.0, Adobe AIR
  • Freelance Interactive Developer/Motion Designer
    Lukas Lindemann Rosinski (Hamburg)
    2014 - 2014
    • Led the development on an immersive mobile "gamified" experience showcasing a Mercedes-Benz updated Sprinter model.
    Technologies: HTML5, Mobile Web, PIXI.js
  • Freelance Interactive Developer/Motion Designer
    LOAF Creative (UK)
    2014 - 2014
    • Created an HTML5 experience promoting Westinghouse's solar panel technologies.
    Technologies: HTML5
  • Freelance Interactive Developer
    ACNE Production (Stockholm)
    2014 - 2014
    • Led the development of the HTML5 campaign site for H&M's collection "S/S 14 with Miranda Kerr."
    Technologies: HTML5
  • Freelance Interactive Developer
    Fjord (Berlin)
    2013 - 2013
    • Created interactive prototypes of future mobile app services for Akbank.
    Technologies: HTML5
  • Freelance Interactive Developer
    Delete London (UK)
    2013 - 2013
    • Led the development of an HTML5 web app for Ella's Kitchen.
    Technologies: HTML5
  • Senior Lead Developer
    ACNE Production (Berlin)
    2012 - 2013
    • Led the development work on numerous seasonal campaigns for Adidas fashion brands Y-3, SLVR, NEO and Porsche Design Sport.
    Technologies: HTML5, PHP/MySQL, Flash, ActionScript
  • Senior Interactive Developer
    ACNE Production (Stockholm)
    2011 - 2012
    • Worked on a Flash site for the global H&M Christmas campaign of 2011.
    • Created a Flash campaign site for H&M's underwear collaboration with David Beckham.
    Technologies: HTML5, Flash, ActionScript
  • Senior Developer
    Sticky Beat (Stockholm)
    2009 - 2011
    • Worked on websites and Facebook campaigns for GANT Sweden.
    • Created a WordPress website for Swedish Railways (SJ) with an advanced search algorithm to search for cheap trips to different events across Sweden.
    Technologies: PHP/MySQL, HTML/CSS, JavaScript, Flash, ActionScript
  • Flash Developer
    North Kingdom (Stockholm)
    2008 - 2009
    • Worked on a Flash campaign site for Swedish mobile operator Tele2 with a "live" press conference featuring their new 3D animated mascot Frank the Sheep.
    • Worked on an award-winning Flash site for General Electric showcasing their "Smart Grid" technology (FWA Site of the Month).
    • Worked on the award-winning 2009 recruitment site for the Swedish armed forces.
    Technologies: Flash, ActionScript, Motion Design
  • Developer
    Fröjd (Stockholm)
    2007 - 2008
    • Transitioned from a PHP developer to a Flash developer.
    • Built a Flash site for the Swedish government to help people with alcohol problems.
    • Built a Flash site with an online shop for Swedish clothing store chain Gina Tricot.
    Technologies: PHP/MySQL, HTML/CSS, JavaScript, Flash, ActionScript
  • Junior Developer
    Delete London (UK)
    2006 - 2007
    • Built a dating community from scratch using PHP/MySQL, AJAX, and Flash. One of the first dating sites on the market with a live video chat function.
    • Created a custom business tracking software from scratch using PHP/MySQL and AJAX.
    • Built a campaign site for Renault where people could play small flash games and win a real car.
    • Taped a wireless webcam to the roof of a cheap remote controlled car, hacked the controller, and hooked it up to the internet as an R&D project so people could go to a website and remotely drive the car around our office.
    Technologies: PHP, MySQL, HTML, CSS, JavaScript, Flash, ActionScript
Experience
  • World of McIntosh (Development)
    http://worldofmcintosh.com/

    Brand experience for World of McIntosh (WoM), a group of ultra-high-end luxury audio brands. The site was built with advanced HTML5 techniques, showcasing WoM's different sub brands in an abstract 3D world. I was working on the project remotely from Berlin for Your Majesty's New York City office in the fall of 2015. The project received an FWA Site of the Day award on November 10, 2015.

  • Netflix Brand Site (Development)
    http://yourmajesty.co/work/sharing-a-new-identity-globally

    This website for Netflix was made with the purpose of communicating their updated brand positioning to employees and partners. I was hired by Your Majesty to take responsibility for the front-end, prototyping and implementing advanced features including a fully interactive module showcasing Netflix brand values in a playful way through imagery, tweets and video clips from original series such as House of Cards. I was working remotely for Your Majesty's New York City office from February through May in 2015. The project was built with AngularJS.

  • Mercedes-Benz - Challenge the Sprinter (Development)
    https://www.behance.net/gallery/17717373/Mercedes-Benz-Challenge-The-Sprinter

    I was contracted by Hamburg agency Lukas Lindeman Rosinski to help them develop this HTML5 mobile web app for Mercedes-Benz. Using HTML5 technologies we were able to showcase features of the new Mercedes-Benz Sprinter model in a fun, interactive and game-like way. My role was lead developer and animator, working in close collaboration with LLR's team of designers. The project won an FWA Mobile of the day award on August 1st 2014.

  • Westinghouse Solar (Development)
    http://www.westinghousesolar.co.uk/onesmallstep/

    Loaf Creative approached me to help them in the production of this promotional website for Westinghouse's solar energy technologies. The site is a one-page parallax scrolling experience for the desktop and iPad that informs the user of the benefits of choosing solar energy in a fun and playful way. Working closely with Loaf's creative team I programmed the site and also created all animations using various techniques in CSS3 and JavaScript.

  • H&M S/S 2014 with Miranda Kerr (Development)

    ACNE hired me as the lead developer for this H&M spring/summer 2014 campaign featuring supermodel Miranda Kerr. The interactive campaign site adapted for desktops and tablets included a look book, collection gallery, videos, and a semi-secret bonus page with a game that could be accessed by entering a password that was spread through social media. The game was a simple memory exercise asking users to pair look book images with their corresponding products, as fast as they could. The campaign was rolled out globally in February 2014.

  • Y-3 S/S 2013 Interactive Film (Development)
    https://vimeo.com/64891622

    In collaboration with music composer Tim Hecker, ACNE created an interactive look video for the Y-3 spring/summer collection of 2013. By using their keyboard and mouse, users could choose which one of several video and audio clips that would be played, and then add audiovisual effects, which was rendered on the fly in the application. To increase shareability we also created a recording functionality, which recorded all user actions and created a unique link to share on social media platforms. I created prototypes for the video effects and was the lead developer during the production phase.

  • Y-3 Interactive Liveshow (Development)

    ACNE was contracted by Adidas to create a more immersive experience than the "traditional" fashion show livestream, for the Y-3 show at New York fashion week in September 2012. We came up with the idea to present four different camera angles simultaneously in order to give the users more control over the experience. I was the lead developer and conceived of a technical solution where a single HD video stream was split into a 2x2 grid, merging four different camera feeds, which was then streamed to the client side, where the stream was once again split into four independent feeds, and presented to the users. In addition, the solution contained a colour coded ribbon in the bottom of the video stream, hidden from visitors, that was controlled by the live editing team to instantly switch between different states of the application on the fly, from our on-location control room in New York. While watching the fashion show, visitors could with the push of a button take a snapshot of what they were currently seeing, and share this snapshot on their Pinterest profile within seconds.

    The experience was very popular and was recycled with minor adjustments for the following Y-3 fashion show in February 2013, also broadcasted from New York. The site was named FWA Site of the Day on 5th of April, 2013, and was selected as a featured campaign on Google Creative Sandbox

  • Y-3 Brand Site (Development)
    http://y-3.com

    Y-3 is a collaboration between Adidas and famed Japanese fashion design genius Yohji Yamamoto. ACNE developed a website optimized for desktop and iPad, including campaign and look images, video material, product gallery, and more. I was the lead developer during four consecutive seasons.

  • Adidas NEO Interactive Films (Development)
    https://vimeo.com/56087014

    Acne created an interactive video experience for Adidas NEO's autumn/winter 2012 collection. By using an easy to understand drag-n-drop interface, users could interact and control the playback of the video clips, including sound playback. Each of the nine unique videos could be shared individually across multiple social media channels, such as an embedded interactive piece on Facebook or a GIF animation on Tumblr.

  • H&M Holiday 2011 (Development)

    ACNE was commissioned by H&M to create the global Christmas campaign of 2011. The interactive graphic concept went under the working name of "shards," displaying glass shards with reflections of the campaign images, that were moving in reaction to users' mouse movements. I was responsible for this part of the site, and I came up with a solution that interpolated between five mouse positions (i.e. keyframes), top left, top right, bottom left, bottom right and center. To make it possible to create unique movement patterns for each campaign image within the project time frame, I created a tool for our designers with a drag-and-drop interface (see last gallery image) where they could set the position of the campaign images, customise the shapes and positions of the glass shards and position light sources individually per campaign image, and save this data to XML files that was used by the application. This gave us an efficient workflow and enabled us to work on the presentation of each and every campaign image in detail, in order to create the best experience possible.

  • H&M David Beckham Bodywear (Development)

    Early 2012, H&M announced a collaboration with world famous footballer David Beckham, to release a collection of men's underwear. ACNE was approached to create the global campaign site for the launch on Valentine's day. I was assigned the lead developer role for the project, working closely with H&M's in-house graphic designers and QA team. The project was built in Flash, using Pure MVC multicore to create completely independent modules that allowed us to tailor the experience in detail for different markets.

  • Försvarsmakten 2009 (Development)

    The Swedish Armed Forces is looking for intelligent young people with an ability to instantly come up with creative solutions in pressured situations. In collaboration with DDB and Jesper Kauthoofd Inc., we came up with an immersive interactive experience set in a mysterious cave-like military test facility. The challenging "Do you have what it takes?" spurred visitors to take on nine interactive problems of various difficulty, using logic and instinct as well as critical thinking.

    The video shoot for the experience was directed by renowned director Jesper Kauthoofd, and shot on-location at Muskö naval base outside of Stockholm. The raw material was filmed in one continuous shot using analogue 35 mm film and 90 meters of dolly track. CGI and grading was done in collaboration with STOPP.

    I was involved in the conceptual phase of the project, acting as the technical consultant on-location and in the editing room, and later was the only in-house North Kingdom developer in a team of three producing the experience.

  • GE Smart Grid (Development)

    General Electrics wanted to make people aware of their Smartgrid technology which helps to balance fluctuating power demands across the US in real time and in an environmentally friendly way. Together with Goodby, Silverstein, & Partners in San Fransisco we created an infographic-inspired experience that let visitors experiment and discover for themselves how the different technologies used by the Smartgrid helps the environment. Parts of the site used augmented reality technology to show a fold-out virtual 3D hologram through users' webcams.

  • Adidas SLVR Brand Site (Development)

    SLVR is a fashion brand owned by Adidas, lead by creative director Dirk Schönberger. ACNE has been producing the website for five consecutive seasons, me being the technical lead for the past four of them. Working in close collaboration with the Adidas platform and IT team, I've been performing seasonal updates, site optimizations, and development of new site content.

  • Scania Services (Development)

    Scania wanted a website to promote Scania Services, a palette of business-to-business services. To create the impression of a toolbox, we created a pastiche of Mac OS X, with a menu dock and apps that could be launched simultaneously and moved individually, just like a real operating system. The apps included a tool integrated with Google Maps to find the closest Scania certified service station, a fuel calculator and an app to view listings on Scania's marketplace for used vehicles. We also went to Scania's headquarters outside of Stockholm to shoot short show-and-tell style interviews with employees, that were displayed in a video player app on the site. Apps were also compiled to AIR applications, so that clients could download them and actually install them on their computers. I was involved in the concept phase, acting technical consultant on-location during filming, and the lead developer. In order to make the apps work both in the browser and on the desktop, I used the multi-core version of PureMVC and developed an abstraction layer that made it possible to use the exact same codebase for the apps across different environments, including the website.

  • Tele2 Happy Hour (Development)

    When Swedish mobile operator Tele2 launched their new mascot Frank the Sheep in November of 2008, North Kingdom was commissioned to create the promotional website. A press release was sent out to the public some time before the launch date, stating that Tele2 had "something huge" going on and a link to the website, where a clock was counting down to 12 noon on the release day. When the countdown timer reached zero a video of the press conference started to play automatically, with a pre-rendered 3D version of Frank. Every day for a couple of months, cheap (sheep, get it?) offers were announced on the website during "Happy Hour."

  • Stag and Dove (Development)

    Stag and Dove was a subscription-based online dating site with a twist, targeted at young and cool singles in London. The site featured user profiles, a search engine, instant messaging and a before-its-time video chat application, plus weekly competitions for the members to win a dream date with another member of their choice. I developed the back-end system with a custom built CMS, and the HTML/CSS/JavaScript front-end.

Skills
  • Languages
    JavaScript, SCSS, CSS, ActionScript 3.0, HTML, HTML5, CSS3
  • Frameworks
    Redux, AngularJS
  • Libraries/APIs
    Backbone.js, Pixi.js, React.js, jQuery, Immutable.js, GSAP, Twitter API, Facebook API, Node.js
  • Tools
    Bourbon, Adobe Photoshop, Adobe Illustrator, Sketch, Grunt, Gulp.js, Adobe AIR
  • Platforms
    WordPress, Flash
  • Misc
    Neat, SVG animation, Mobile Web, Mobile First
  • Paradigms
    Web Design, Scrum
Education
  • Professional degree in Digital Media
    Hyper Island - Karlskrona, Sweden
    2005 - 2007
Hire the top 3% of freelance developers
I really like this profile
Share it with others