Front-end Developer UX/UI Designer

Front-end Developer, Back-end Developer, UX/UI Designer

iOS, Android

2020-01 - Nykyhetki

built with Ionic 5 and StencilJS using standard Vanilla JavaScript web components, and standard web API for notifications.
Methods, technologies & software used
Ionic 5 web components, StencilJS, Capacitor, Cordova Plugin APIs, Electron (for desktop Windows 10 app), Vanilla JavaScript, Shadow DOM styling, Node.js, Firebase, TypeScript, SCSS, CSS3, HTML5, Visual Studio Code, VSC GitLens, Git Kraken, Chrome Redux Devtools, MacOS Catalina, Windows 10. I also setup an extra secure Ubuntu 20.04 Server with NGINX and Node.js Express.
My role in the project: Front-end Developer, Back-end Developer, UX/UI Designer

Consultant projects

2010-01 - 2020-01

(Recent employers on last pages)

TeliaSonera

2019-01 - 2020-01

Front-end Development & UX/UI Design TeliaSonera JQTouch HTML CSS
Front-end Development Ionic 5 PWA Web Push Notifications Android/iOS

Web Shop + Andoid

2019-01 - 2020-01

2019-2020
4. Front-end Development & UX/UI Design Ionic 5 Web Components PWA Android/iOS
4. Front-end Development & UX/UI Design Ionic 4 Web Shop + Andoid app
4. Front-end Development IKEA/TCS Älmhult Angular 7 PWA + Desktop/Mobile App
5. Front-end Development, prototyping CGI/Acando Angular 7 ng-Bootstrap 4 PWA

web components, and Redux for state management

Front-end Development

2019-08 - 2019-12

Period: Aug -December 2019
Project description
Front-end development & UX/UI design of a web shop (PWA, iOS, Android), built with Ionic 4 and StencilJS using standard vanilla JavaScript web components, and Redux for state management.
Methods, technologies & software used
Ionic 4 web components, StencilJS, Redux, Capacitor, Cordova Plugin APIs, JSX, Vanilla JavaScript, Shadow DOM styling, Node.js, Firebase, TypeScript, SCSS, CSS3, HTML5, Visual Studio Code, VSC GitLens, Git Kraken, Chrome Redux Devtools.
My role in the project: Front-end Developer, UX/UI Designer

Front-end Developer

Front-end Development

2019-06 - 2019-07

Angular 7
Period: June-July 2019
Project description
Front-end debugging of an Angular 7 app (Web/Windows/Android/iOS).
Methods, technologies & software used
Angular 7, TypeScript, Angular-Material, JavaScript, SCSS, CSS3, HTML5, Chrome Redux Devtools, Visual Studio Code, VSC GitLens, Sourcetree, SCRUM, JIRA.
My role in the project: Front-end Developer

Front-end development of a wizard stepper guide

Front-end Development

2019-03 - 2019-05

(as a chat interface) with Angular 7 for itch.co (Acando/CGI). Rapid prototyping to visualize interaction ideas and concepts for sprint demos. Both with quick HTML5, JavaScript animation mock-ups, and Angular 7/Material interaction animations. MVP as a final delivery in Angular 7 + ng-Bootstrap 4.
Methods, technologies & software used
Angular 7, ngrx API, RxJS, NGX, Node.js, Firebase, TypeScript, ng-Bootstrap 4, Angular-Material, SCSS, CSS3, HTML5, WCAG 2.1, Adobe XD, PSD, Git Kraken, Visual Studio Code, Azure/Kudo, SCRUM, Trello.
My role in the project: Front-end Developer

Front-end Development & UX/UI Design Responsive Web with BULMA

UX/UI Usability tester

Swedish bank

2016-11 - 2018-12

Period: Nov 2016 - Dec 2018 (as different one-day-sessions for 2 years)
Project description
During the rebuild of the Swedbank.se website and mobile app I was testing the user interface interaction on different mobile and desktop devices, giving advices and inspiration to improvements.
The sessions were performed remotely directly with Swedbank UX/UI designers and Project Managers, using InVisionApp (for app prototypes), GoToMeeting screencasts (for web interfaces) and phone conferences.
Methods, technologies & software used
Usability testing, InVisionApp, GoToMeeting.
My role in the project: UX/UI Usability tester.

Front-end Developer, UX/UI Designer

gabriel.nu

2018-10 - 2018-11

Period: Oct-Nov 2018
Project description
Front-end development and UX/UI Design of responsive web, with a minimalistic approach to coding. I built the website using the BULMA CSS framework (based on Flexbox), and PHP.
I designed the UX/UI in a minimalistic way to achieve extremely fast interaction, as well as an instant landing page download experience. The interface should quickly convert to action with an effective interactive communication and an easy to use interface, still index well in search engines and be well optimized for all devices and view modes (gabriel.nu).
Methods, technologies & software used
Bulma CSS framework, CSS3, HTML5, PHP.
My role in the project: Front-end Developer, UX/UI Designer.

I implemented multi-language support

Front-end Development

2018-05 - 2018-08

Angular 5 Multi-lingual web (l10n/i18n)
Period: May - August 2018
Project description
Front-end development of a website built with Angular 5, SCSS and TypeScript for Daniel Wellington Sweden. I implemented multi-language support for Daniel Wellington's global distributor shopping website. Language choice should automatically adapt to the web browser preferences. Users should though also be able to switch language on the fly (at runtime), and their language choice should be saved in the cookie for next visit. I developed testing procedures together with the development team and QA. I also extracted/structured the originally hard-coded copy text into JSON translation files and ordered translations with prepared MS Excel files (taking care of max characters, automatic JSON generation etc.).
I first created a rapid prototype in Angular 6 to highlight the functionality to stakeholders. Later implemented localization/internationalization functionalities in the current Angular 5.1 website, taking care of nested variables and html tags in the JSON translation strings, as well as error/status messages from component classes/views and directly from databases. I created the JSON files via formulas in the MS Excel files I provided to the translators.
Methods, technologies & software used
Angular 5-6, TypeScript, JavaScript, HTML5, CSS3, SASS/SCSS, ES6 JS, Visual Studio Code, Git Kraken, Bitbucket, NVM, NPM, Webpack, MS Excel, SCRUM, MS Teams.
My role in the project: Front-end Developer.

Front-end Development & UX/UI Design Hybrid Ionic Cordova PWA App
Period: Aug 2017-April 2018
Project description
Front-end development and UX/UI Design of a hybrid Ionic PWA (Progressive Web App). I built the app using Angular 4, Ionic 3, geolocation, SASS, TypeScript, Cordova, and a PHP Rest API. The app is compatible with iOS/Android WebView (shareable with Facebook Messenger WebView, Instagram, Telegram), as well as with mobile and desktop browsers like Chrome, Firefox, IE and the Android Browser.
The app is also installable as a native iOS app and as a native Android app. I made the app's UX design using Adobe XD prototyping tool, but with the Ionic framework's UX elements in mind. I did the "code version" of the rapid prototyping with Ionic 3 and Angular 4, using a JSON API mockup.
The Ionic PWA UX consists of three 3 different views (tabs/pages), showing WordPress members and their personal data in both a list view, and in a map view, as well as map marker popups for more detailed user data. I designed the list view, showing only the most important data, to achieve both fast load time and to give a cleaner and better overview of all members.
Lazy load and infinite scroll were used for rapid easy scrolling. The Cordova map API and Google map API were used to calculate WordPress members' distance to the user's device (phone/tablet/desktop computer). I first created a PHP/MySQL Rest API for prototyping/mockup purposes, but it was later made as a WordPress plugin by a Backend Developer.
Methods, technologies & software used
Angular 4, Ionic 3, Cordova, TypeScript, JavaScript, HTML5, CSS3, SASS/SCSS, ES6 JS, Gulp, Bower, Rest API, WordPress, Unit testing, Selenium, Protractor, Ubuntu 16.04, NGINX, Visual Studio Code, Git Kraken.
My role in the project: Front-end Developer (Full stack), UX/UI Designer.

Front-end Development for Bekk.no WordPress, HTML, CSS3, JavaScript
Period: July 2017
Project description
Remote Front-end development of a responsive WordPress site for Trondheim City: miljopakken.no. End testing face; improvements, bug fixing and browser compatibility testing for mobile/tablet/desktop browsers and miscellaneous OS and resolutions.
Methods, technologies & software used
WordPress, Twitter Bootstrap, CSS3/SASS/SCSS, HTML5, JavaScript, Vagrant, Gulp, npm, Visual Studio Code, GitKraken.
My role in the project: Front-end Developer.

Front-end Development & UX/UI Design
WordPress, Angular + Hybrid Ionic Cordova App

gronalund.com

2017-01 - 2018-01

Front-end Development & UX/UI Design Nilfisk jQuery Mobile HTML CSS

Swedish bank

2018-01 - 2018-01

5. Front-end Development & UX/UI Design Responsive Web with BULMA
6. UX/UI Usability testing Swedbank (Swedish bank)
6. Front-end Development Angular 5-6 Multi-lingual web (l10n/i18n)

Bekk.no

2017-01 - 2017-01

7. Front-end Development & UX/UI Design Hybrid Ionic Cordova PWA App
8. Front-end Development for Bekk.no WordPress, HTML, CSS3, JavaScript

Front-end Developer

Tele2 July

2016-11 - 2016-11

Oct 2016)
Project description
Front-end development and UX/UI Design of a WordPress site + Google maps integration with Ionic/Angular and remote data via WordPress API. Created a PHP, MySQL Rest API and built a hybrid app with Cordova and Ionic. I also optimized the WordPress landing page performance and conversion rate, and improved the security on the WordPress installation, Ubuntu 16.04 server and the NGINX server conf.
Methods, technologies & software used
WordPress, Angular 4, Ionic 3, Cordova, TypeScript, JavaScript, HTML5, CSS3/SASS/SCSS, ES6 JS, Gulp, Bower, Rest API, Unit testing, Selenium, Protractor, Ubuntu 16.04, NGINX, Visual Studio Code, GitKraken.
My role in the project: Front-end Developer (Full stack), UX/UI Designer.

Front-end Development Tele2/Comviq (1 Telecom Operator, 2 brands)
Period: March 2015 to March 2016 + July to Oct 2016
Project description
Front-end development with Angular, JavaScript Core, HTML5, CSS3, Rest API, Bootstrap, Foundation, LESS, SASS, SCSS (in .NET MVC with Razor). Originally a 3 months' gig 2015 for rapid prototyping of an Angular/WordPress interface. Later extended to include miscellaneous daily maintenance of the Comviq.se consumer Web site, and a new mobile optimized sim-top-up-interface for Comviq.se: https://www.comviq.se/nya-tanka (for mobile only). The work also included fine tuning and improvements of UX design. Made the interface interaction logic with Angular, communicating with several APIs to adapt the UX showing relevant UX elements/data based on customer's selections, subscription type, credibility, saldo etc. Made filtration both in the front-end (Angular) and in the backend (C#). Passed data via back-end for multi-page forms, used Angular to retrieve live data changes. Discussed UX/BX improvements/technology choices with several teams/leaderships at Tele2 both in Stockholm and Ukraine.
During the last period, July-Oct 2016, I worked on a new order flow for the TELE2.se Web site and a bulk order interface for TELE2.se B2B customers. The work comprised SCSS (SASS), CSS, Zurb Foundation, JavaScript, Angular, Rest API, jQuery and the Magento eCommerce Platform. Collaborating daily remotely with our Ukraine team from the Tele2 Office in Sweden (Skype, JIRA, Join.me).
During my one-year + 3months contract at TELE2/Comviq I worked with C# backend models/services 10% of the time, .NET MVC + core JavaScript and Angular (1.3-1.4) 70% and CSS3/LESS/SASS 20%.
Methods, technologies & software used
Angular, JavaScript Core (Vanilla), HTML5, CSS3, LESS, SASS, SCSS, Twitter Bootstrap, Zurb Foundation, Rest API, Magento, C#, .NET MVC, Razor, JSON, Grunt, Gulp, Bower, BankID , DIBS payment integration, Visual Studio 2013/2015, Atom, WebStorm, Brackets, Fiddler, Postman, Visio/Draw for Flowcharts, Unit testing/E2E tests (Selenium, Protractor, Karma, Jasmine), A/B tests with Maxymizer, GitKraken, GitExtensions, SourceTree, JIRA, SCRUM/Kanban, Team City, Octopus Deploy, Continuous Development.
My role in the project: Front-end Developer

Front-end Development & UX/UI Design Angular + Ionic App

McCann I offered support

Tele2/Comviq

2015-01 - 2016-01

for CQ5 Content Editors in Europe, China, Africa and US for the Nike.com site. I was together with a colleague responsible for the European time zone. I got support questions directly from Content Editors and my task was to either instruct them on how to solve their issue or solve it myself. If I could not find solutions to issues, I had the option to escalate to the Nike IT support staff.
I used two JIRA systems to administer/track/escalate issues, MRM//McCann's JIRA and Nike's support JIRA. I was trained in Adobe CQ5 by MRM//McCann staff in US, but I also did a lot of self-studies via MRM//McCann training material and Adobe CQ5 training tutorials.
Node.js, Express,
I've used Node.JS and Express for 6 projects.
Git/Continuous delivery
I've used Git for the last 10 projects and at the Nexus project 2012.
C#, Razor, .NET MVC
During my one-year+3months contract at TELE2/Comviq I worked with C# backend models/services 10% of the time, .NET MVC + core JavaScript and Angular (1.3-1.4) 70% and CSS3/LESS/SASS 20%.

jQuery
Used jQuery a lot, last used 2014 for Vattenfall.se and at Tele2 2016.

WordPress Angular

2015-01 - 2016-01

9. Front-end Development Tele2/Comviq AngularJS, C# .NET MVC

Angular-Developer.com

JS Express

2014-10 - 2015-02

"Appified" Web built with Angular, Ionic, JSON, HTML5, CSS3 (on a Node.JS Express server), for a high-performance, instant, real time interactive user experience. When I designed the UX/UI I had main focus on making it easy to (live) filter projects on skills, and to make it easy to go back and forth between the list view and details view, still showing enough graphics, to give an initial quick overview of the projects. The "feel" should be "app-ified" in the sense of instant navigation with 0 waiting time between views, still history kept, to make it easy to go back step by step in the user interaction flow.
My responsibilities/actions
As a Designer I did the user interaction design. As a Web Developer I installed Linux Ubuntu 12.04 on a VPS and installed/configured a LEMP server with nginx, php-fpm, MySQL, Node.JS, Express, UFW firewall and fail2ban. As a Front-end Developer I built a Single Page App (SPA) with Angular, Ionic, JSON, HTML5 and CSS3. I also installed Prerender.io on the server to compile the HTML on the server for user Agent bot visitors like Google and BING, for SEO purposes.
Methods, technologies & software used
Angular, Ionic, Node.JS, JSON, Yeoman, Grunt, npm, HTML5, CSS3, Git, LEMP, NGINX.
My role in the project: UI/UX Designer and Front-end Developer.

WordPress administration

Front-end Development

2014-05 - 2014-08

Toyota, Nike
Period: May to Aug 2014
Project description
Responsive WordPress sites for SJ, Kristallen, Vattenfall (front-end-dev HTML5, CSS3, PHP, JavaScript, SQL, WordPress administration). Responsive email templates for Toyota (front-end-dev HTML, CSS). Toyota YouTube channel (admin, creation of sections, playlists, linking etc). Support for the Nike.com site for Adobe CQ5/AEM Editors in Europe, China, Africa, and US.
Methods, technologies & software used
HTML5, CSS3, PHP, JavaScript, MySQL, Adobe Photoshop CC. Sublime Text, SQL benchmark, IIS server, SVN, JIRA, Asana, WordPress, Adobe CQ5, AEM.
My role in the project: Front-end Developer.

Front-end Developer

Front-end Development

2014-08 - 2014-08

Vattenfall.se
(European Electricity Producer), Buying Process Flow UI
Period: Aug 2014
Project description
Responsive shopping flow interface for Vattenfall (http://elavtalsguiden.vattenfall.se).
Front-end-development HTML, CSS, jQuery. Further pixel perfect development of the shopping interface from the Art Director's Photoshop PSD. Real time update on prices to make it easier for the user to decide on choices.
Methods, technologies & software used
HTML5, CSS3, jQuery, Modernizr, SVN.
My role in the project: Front-end Developer.

Designer I

Front-end Development

2014-01 - 2014-05

Joomla + Angular
Period: Jan to May 2014
Project description
Joomla CMS + Angular + Node.JS website + app
My responsibilities/actions
As a Designer I did the user interaction design, GUI design, and user experience design. As a Web Developer I installed and configured Joomla + Extensions on a LEMP server and built a Single Page App (SPA) with Angular JavaScript MVC (MV*) framework, JSON, HTML5 and CSS3. As a Mobile App Designer/Developer I designed a user interface for mobile devices using Angular Mobile. I also setup the LEMP server with NGINX and Node.JS.
Methods, technologies & software used
Joomla CMS, Angular, Node.JS, ExpressJS, SocketIO, Linux Ubuntu 12.04 LEMP with nginx, php-fpm, MySQL. Adobe Photoshop. Git, Yeoman, npm, Grunt, Bower, Karma. Cloud9 c9.io as IDE.
My role in the project: UX Designer and Front-end Developer.

MRM//McCann

2014-01 - 2014-01

(SJ, Vattenfall, Kristallen)

AngularJS + Ionic PWA App

2010-01 - 2014-01

Front-end Development & UX/UI Design AngularJS + Ionic PWA App
11. Front-end Development MRM//McCann: Toyota, Nike YouTube, CQ5

Developer

Callisto AB

2013-08 - 2013-09

(callisto.se)
Period: Aug to Sep 2013
Project description
Responsive WordPress site built with HTML5 3D animations, Twitter Bootstrap and HTML5 Boilerplate. The user experience adapts to phone/tablet and desktop users.
My responsibilities/actions
HTML5 3D Animation design, user experience design, communication and HTML5, CSS3 front end development. As a Developer configured server, installed, and administrated WordPress. Adapted theme CSS/HTML to the new design. Optimized code and installation for increased security, Web speed and SEO. As a Designer I optimized the design for increased action, ease of use and responsiveness.
Methods, technologies & software used
WordPress, HTML5, CSS3, Twitter Bootstrap, HTML5 Boilerplate, Adobe Photoshop.
My role in the project: UX Designer and Front-end Developer.

Designer

Diabetes Tools AB

2013-03 - 2013-08

(triabetesclinic.com)
Period: March to Aug 2013
Project description
3 responsive WordPress sites built with Twitter Bootstrap to adapt the user experience to phone/tablet/desktop users. Three multi-lingual WordPress sites where designed and developed. Separate sites where built to target B2B vs. B2C and each product got its own Web site. Markets where restricted with Geo IP detection. I also redesigned the corporate Web site.
My responsibilities/actions
As a Designer designed the pages according to the new product/company branding. As a Developer I configured the server, installed and administrated WordPress. Adapted theme CSS/HTML to the new design. Optimized code and installation for increased security and SEO.
Methods, technologies & software used
WordPress, HTML5, CSS3, Bootstrap, SCRUM, ASANA, Adobe Photoshop.
My role in the project: Front-end Developer and UX Designer.

Front-end Development & UX/UI Design Angular + Ionic App

Designer I

Swipe-able magazine

2013-01 - 2013-02

like user experience design for AllWindowsTablets.com and a real time search/filtering, developed with Angular and Ionic animations for a high-performance, instant real time interactive experience.
My responsibilities/actions
As a Designer I did the user interaction design. As a Web Developer I installed Linux Ubuntu 12.04 on a VPS and installed/configured a LEMP server with nginx, php-fpm, MySQL, Node.JS, MongoDB, Express, UFW firewall and fail2ban. As a Front-end Developer I built a Single Page App (SPA) with Angular, JSON, HTML5 and CSS3. As a Mobile App Designer/Developer I also designed a user interface for mobile/tablet/desktop devices using Ionic. I also installed Prerender.io on the server to compile the HTML on the server for user Agent bot visitors like Google and BING.
Methods, technologies & software used
Angular, Ionic, Node.JS, JSON, Yeoman, Grunt, npm, HTML5, CSS3, Git, LEMP, NGINX.
My role in the project: UI/UX Designer and Front-end Developer.

testing, Tech lead

WordPress

2013-01 - 2013-01

WordPress
13. Front-end Development & UX/UI Design AngularJS + Ionic App
2012 15. Front-end Development Nexus Group jQuery Mobile
16. Front-end Development menyou.com Ruby on Rails, SASS, jQuery Mobile
17. Quality Assurance/testing, Tech lead A&O Design Oslo

partner-hosted systems, and cloud services

Front-end Development

2012-08 - 2012-12

(NexusSafe.com)
Period: Aug to Dec 2012
Project description
Nexus Hybrid Access Gateway app and responsive Web portal which gives Nexus customers' employees secure and convenient remote access to central enterprise resources, partner-hosted systems, and cloud services. A software-based security gateway, also well suited for cost efficient user authentication in online banking, e-commerce and e-gov services. Off-the-shelf support for a wide range of two-factor authentication (2FA) methods, such as mobile apps, one-time passwords (OTP), smart cards, or software tokens as well as eIDs from third parties, such as Swedish BankID.
A lot of effort was put on pixel perfect adaption of the Designer's mockups, creating a consistent user experience whatever device/browser the user has (BYOD). High focus on instant interactivity with a "native-app-like touch experience". A "Single Page Interface" with instant switch between tabs. Users can add favorite services to the API via JSON or Web Storage. Compatibility with iPhone, iPad, Android, Blackberry, WindowsPhone8, Symbian, and all major modern mobile and desktop Web browsers. Thorough testing was performed both on hardware (30+ devices), Selenium Web browser automation and server virtualizations.
My responsibilities/actions
As a Front-end Developer, I developed the user interface in HTML5, CSS3, jQuery Mobile, jQuery, JavaScript and JSON from Adobe Fireworks/Photoshop design mock-ups.
Methods, technologies & software used
jQuery Mobile, jQuery, JavaScript, JSON, HTML5, CSS3, SCRUM, Git, AgileZen, Trac, Ajax, Polyfills, Modernizr, Adobe Photoshop, Visual Studio, Notepad ++.
My role in the project: Front-end Developer.

Front-end Developer

Front-end Development

2012-06 - 2012-07

menyou.com
Period: June to July 2012
Project description
Simplifying the integration of artists' micro-stores in diverse CMSs like WordPress and Drupal. Making the static design more responsive and adaptive with a fluid front-end user interface.
The responsive Web design shall automatically adapt the interface to mobile devices, tablets, and desktop browsers. The HTML5/CSS3/jQuery Mobile front-end was prepared to be integrated in the Ruby on Rails environment with JSON.
My responsibilities/actions
As Front-end Developer I adapted existing Ruby on Rails code (SASS, CSS and SLIM). First task was to make the embedded/integrated micro-stores more adaptive to both mobile and desktop Web sites integration. As User Interface Designer and Front-end Developer, I also created a new real-time live search interface with HTML5/CSS3/jQuery Mobile/JavaScript/JSON to be integrated in the Ruby on Rails application via JSON.
Technologies & software used
jQuery Mobile, Ruby on Rails, SLIM, JSON, HTML5, CSS3, SASS, Sublime, Adobe Photoshop. SCRUM, Git.
My role in the project: Front-end Developer.

Quality Assurance/testing, Tech lead

Oslo City Gov

2012-05 - 2012-06

Project description
Responsive Web for the 8millioncity project. 3 countries, 4 metropolitan cities, including 2 capitals; this is The Scandinavian 8 Million City. 8 million of Scandinavia's 19,3 million inhabitants live in the corridor between Oslo and Copenhagen.
The responsive Web design automatically adapts the interface to mobile devices, tablets and desktop browsers. HTML5/CSS3/JavaScript front-end layouts where implemented in the MODx WCM (CMS).
My responsibilities/actions
Front-end technical lead/PM of Developers in India for the end testing face; pixel perfect matching and testing of the original HTML5/CSS3/JavaScript layouts with the final MODx WCM/CMS integration. Browser compatibility testing for mobile/tablet/desktop browsers and miscellaneous OS and resolutions.
Art direction and Web design were done by A&O Design Oslo for the Oslo City Government.
Technologies & software used
JavaScript, CSS3, HTML5, MODx WCM (CMS), Asana project management tool for issue tracking.
My role in the project: Quality Assurance, testing, technical lead.

Front-end Development POOL (Gröna Lund, gronalund.com)
Period: April 2012
Project description
A new mobile Web for the amusement park Gröna Lund enhanced the user experience.
My responsibilities/actions
Rapid prototyping with CSS3, HTML5 and jQuery mobile from the Art Director's Photoshop mockup. A lot of emphasis was put on creating "a native app feel" and to increase the speed interactivity and usability of the Web site. Pixel perfect converting from Photoshop PSD. The code was built to be easily integrated to the EPI server's .NET environment and to be easily maintained by the back-end developers.
The Web application was designed and developed to be compatible with most mobile devices like iPhone, Android, Windows Phone, Bada, Symbian and BlackBerry but also to work fine on most tablets. POOL did Art direction and back-end development.
Technologies & software used
jQuery mobile, jQuery, CSS3, HTML5, JavaScript, and PHP. Adobe Photoshop was used to produce the Retina sprites and images from the Adobe Photoshop mock-up. Basecamp for PM. The application was later integrated to EPI server's .NET environment by POOL developer team.
My role in the project: Front-end Developer.

Front-end Development & UX/UI Design Nilfisk

Front-end Developer, UX Designer, Solution Architect

produkter.nilfisk.se

2011-10 - 2012-02

for mobile devices and tablets made it easier for Nilfisk resellers to find product information.
The main focus with the Web interface design was to make it much faster and easier to browse between products in different categories than Nilfisk's previous Joomla CMS solution. The speed in which products showed up should be impressive and it should be fun to use the application. Touch browsing with only one thumb or fingers should be a piece of cake.
My responsibilities/actions
Interface design and front-end development were done with jQuery, jQuery mobile, CSS3, HTML5 and JSON. The interface includes responsive design and customizes the number of items shown, columns, column width, etc. depending on the unit used (phone/tablet). AJAX/HIJAX was used to increase the speed interactivity and usability of the Web application.
The search result is adapted live when the user changes search terms or categories, without the need for page refresh. The application has a minimal impact on mobile devices processors. Also, used bandwidth, http requests, etc. are kept to a minimum.
The Web application was designed and developed to be compatible with most mobile devices and tablets as iPhone, iPad, Android, Windows Phone, Bada, Symbian and BlackBerry.
Technologies & software used
jQuery mobile, jQuery, AJAX, JavaScript, CSS3, HTML5, JSON, and PHP. Adobe Dreamweaver was used to create the HTML5, CSS3 and JavaScript Web interface. Adobe Photoshop was used to create mock-up animations and prototypes for the stakeholders.
My role in the project: Front-end Developer, UX Designer, Solution Architect.

Ruby

2012-01 - 2012-01

Subversion

Quattro-play multi selector MDI Web interface

Swedish Telecom Operator

2010-07 - 2011-06

Period: July 2010 to June 2011
Project description
Quattro-play multi selector MDI Web interface for Telia.se. The conversion rate was enhanced via a more straight forward interface together with an on the fly personalized product communication. The new design allowed a better overview of the custom product package's features and pricing.

Front-end Developer, GUI Designer, User Experience Designer, Solution Architect

Swedish Telecom Operator

2010-07 - 2011-06

Period: July 2010 to June 2011
Project description
Web-based iPhone shopping-app made it easier to shop iPhone accessories with the iPhone.
2010/09 - 2010/10
Responsibilities/actions
User interaction design and front-end interface development. Integration to the e-trade system. The application was built to be an integral part of the Telia self-service app. I designed the UX/UI with Photoshop but showcased the app UI for stakeholders as a web animation. After design approval I coded the UI with JQ Touch, html, JavaScript, CSS.
Technologies & software used
JQ Touch, JavaScript, HTML, CSS, iPhone Web App. Photoshop was used to create mock-up animations and HTML prototype for stakeholders. Adobe Dreamweaver was used for coding the html/CSS/JavaScript/JQ Touch interface.
My role in the project: Front-end Developer, GUI Designer, User Experience Designer, Solution Architect.

User Interaction Designer

TeliaSonera

2010-07 - 2010-12

the task was to increase the number of users who succeeded to order a complicated product/service package. AJAX was used to give the user an on the fly price update but also an on-the-fly communication adaption depending on where in the process the user was, and also what kind of products/services the user instantly seemed interested in.
The new design minimized the steps needed to finalize an order and offered a continuous full overview of previous choices. The time and effort needed to decide the final package was decreased and the number of completed orders was increased.
The technical solution also enabled a preconfigured interface via URL parameters to adapt the interaction flow for users arriving from different campaigns.
Technologies & software used
Dojo JavaScript library, HTML, CSS. As a Designer Adobe Photoshop was used to create mock-up animations for stakeholders. Adobe Dreamweaver was used to create the front-end HTML/CSS/JavaScript interface.
My role in the project
GUI Designer, User Experience Designer, Front-end Developer, Solution Architect.

Recent employers (Consultant since 2010, see above.)
Development/Interactive Design - TeliaSonera, Digital Sales (Stockholm, Sweden)
Front-end Web development. Design/development of mobile Web apps, rebranding production. Responsibilities: Sales optimization of www.Telia.se with a/b tests. Redesign of the Telia.se shopping experience. Evaluation of a new CMS and e-trade solution for telia.se. Brief and requirements definition for a new e-trade experience (UX, Payment, Security, Availability, Maintenance, Order Flows, Personalization).

th of June 2011 (Consultant on a parental leave employm. contract)

Social Network Design/Development

2003-10 - 2010-06

(Stockholm, Sweden)
International social network for creative professionals. Markets: North America, SE Asia, EU.
Responsibilities: Front end Development, Web Design, Marketing, Concept Development.
Period: October 2003 - June 2010

Support the back

Tele2

2004-01 - 2009-01

end developers to connect the front end to back end during implementation.
Experienced in Angular http API requests, REST API and implementing front-end in .NET MVC, WP PHP MVC. I usually make fully working prototypes with a JSON mock.
Experience in developing user interfaces for external Web sites and mobile applications.
My main focus
Experience in developing large scalable Web sites
Tele2, Comviq.se, Telia.se, Vattenfall.se, Nike.com, Nilfisk.se, Gronalund.com,
Experience with IDEs such as IntelliSense
I mainly use Visual Studio Code/Visual Studio and Brackets, I've also used Atom, WebStorm, Notepad++, Eclipse, NetBeans, Dreamweaver and many other.
Good skills in ensuring cross browser compatibility & progressive enhancement
Yes of course, I've done loads of testing in various ways for two decades or more!
Very good understanding of Web design
Done a lot, two decades or more
Can understand and follow Mobile first and Progressive enhancement principles
My main passion
Scrum, Kanban
IKEA, Acando 2019, Daniel Wellington 2018, Tele2/Comviq 2015-2016, +6 months at Nexus + the Menyou project.
Working with offshore/remote
I've worked with developers remotely from Egypt, India, Pakistan, Romania, Ukraine, Vietnam, Argentina And love it!
Communication/collaboration tools
Slack, Skype, Joinme, HipChat, Hangout, MS Teams, Trello, JIRA, Asana.

Founder

Drive Action Marketing AB

2007-08 - 2008-07

(Stockholm, Sweden)
Responsibilities: Front-end development, art direction and user interaction design of rich internet applications, mobile Web apps and Web sites. The work also included team lead of Web Developers throughout the World. Sites mostly built with Adobe Flex, Drupal and Joomla CMS.
Period: August 2007 - July 2008
Product Communication - IKEA of Sweden, BA3 (Älmhult, Sweden)
BA3 at IKEA of Sweden develops the range for the business areas of bedroom, bathroom, and storage. BA3 is responsible for the IKEA top 3 brands SULTAN, PAX and MALM.
Responsibilities: Developing and safe-guarding product communication in stores and all media for the business areas of bedroom, bathroom, and storage. Together with the Product Developers analyzing the communication needs, briefing IKEA Communications, Copywriters, Photographers, and Illustrators. The work also included copywriting, collaborations with stores and country organizations.
Period: 15:th of August 2005 to 30:th of April 2006
Catalogue Production - IKEA Communications (Älmhult, Sweden)
Responsibilities: End production phase of the IKEA Catalogue, text/image editing, graphic design and preparing for printing.
Period: 11:th of April to 14:th of August 2005
Founder - AdCom (Stockholm, Sweden)
Responsibilities: Primarily working as Art Director, Copywriter, and Web Designer/Web Developer. Major clients: SC Johnson, JohnsonDiversey, Teleca, Siemens, Coface Sweden, ICA and Clarks Shoes.
CMS systems like Drupal, Joomla and OS Commerce, PHP, AMFPHP, MySQL, Apache, XML/XSLT (mainly for Flash SEO), Web Shops, Social Network Design, Business Network Design, Social Network Marketing, Affiliate Marketing, Search Engine Optimized Web Site Design (SEO)

Detailed competences
Rapid prototyping of frontend in HTML
Always done, for two decades.
HTML/HTML5
My main passion and focus as consultant/employee for two decades.
CSS/CSS3
My main passion and focus as consultant/employee for two decades.
Responsive design
Responsive Design is my main focus since 2012, used for Tele2, Comviq, 8MillionCity (Oslo City Government), TriabetsClinic.com, Callisto.se, kristallen.tv, elavtalsguiden.vattenfall.se,
WordPress CMS
Worked with approximately 15 WordPress sites the last 4 years. Also experience from Joomla, Drupal and Adobe CQ5/AEM. And WordPress/Magento theming with Angular + PHP MVC.
JavaScript
Used miscellaneous JavaScript frameworks for two decades and JavaScript Core vanilla.
Angular, Grunt, Gulp, Bower, Yeoman
I've used Angular 1-7, Grunt/Gulp, Yeoman and Bower for my last 6-8 projects.
Adobe CQ5/JIRA

Front-end Developer UX/UI Designer

Taidot (96)

Työkokemus

Ota yhteyttä konsulttiin