At solytic I faced several challanges. I tackled 3 core areas for a product
that monitors and analyses solar panels from residental users to
large scale solar power plants.
- Processes
- Architecture and development of core product
- UXUI, Design and branding of core product
I split up my tasks in 2 roles I fullfilled:

1. Lead Frontend, Frontend Architect
General
The core product of solytic has to get done new. Tasks ahead were
- Architect an enterprise architecture for the new product ready to
scale in regsards to features, complexity and user base
- Develop the first build with base components and example implementations
of vuex with typesafty, apollo GraphQL with typesafty,
component architecture and SCSS based on atomic design pattern
- Azure integration, complete build and deploypipeline with integration
of unit tests, code coverage and e2e tests
- Document everything (processes, tech stack, DoD, DoR,...)
- Hire team and prepare Onboarding and do onboarding
- Establish agile processes and documentation
- Apollo and GraphQL

2. Lead UXUI, Branding
General
As the product was only on the feature part planned and never been
optimized in regards to UXUI we decided to challange the current
state with an in-depth analysis and new ideas.
- UX research, feature optimization and establishing of user centric design
and approach in product development
- New UXUI design from scratch
- Component based library in figma
- Atomic design pattern established, devs and product now also use
atomic design pattern to structure code, project, stories and design.
- Documentation of the new design library and appoach
- Establishment of agile processes, i.e. review, hand-over, definition of
readyness
- Styleguide and brandguide

Frontend

Development of a credit card banking app for desktop
and mobile web with Angular. Update of the current Angular2 application. Architectural decisions, like stores, BEMIT and removal of ng-UI frameworks and libraries.

UXUI

Unified component approach for LBB, amazon and ADAC brand. Styleguide generation and UX and UI for desktop, mobile web and app design.

Development of a transport management system with
newest technolgies as we are pushing and pulling much data in realtime.

Processmanagement ( 8 Personen im Startup):
Establishing agile processes, sprint definition, DoD and DoR, implementation of design thinking, documentation and coaching. Setup processes with JIRA, Confluence, Bitbucket, Buildpipelines and CircleCI for CI/CD

Lead UXUI ( 2 UXUI):
Design of the base style guide for desktop and mobile apps. Design of the desktop dispatch solution for transport planning and monitoring. Design of carrier/driver mobile apps with branded interfaces for IKEA, Puma and adidas. User testing and analytics regarding UX aspects. Definition of UX flows. UI Design for all apps. Tools used in the process: sketch, Adobe CC, Flinto, Mockplus, Overflow,
inVision

Lead Frontend ( 2 Devs):
Evaluation of tech stacks for specific purposes of high demanding apps. Evaluated react, reactnative, vue.js, vue.js with nativescript and PWAs. After evaluation vue.js with native was choosen as a our tech stack. Vue.js was combined with nativescript and vertex.js for high performance. REST interfaces only for the open platform of weColli. Sockets for realtime data transmission. SASS with BEMIT for styling.
HTML5 and PWA for desktop apps. Components in an own repo to modularize development. Implementation of two views for DT and mobile native in one app. So we could compile for web and native apps with one source.

Generell: Product- und Processmanagment, Frontend Lead und UX Lead (50 people Startup with 10 FE Devs und 3 UXUI)

Tech and Tasks: Angular 5 with Redux, Bitbucket, Bamboo, Buildpipelines, Prozesse für UX/UI, Frontend Architektur, Brand Styleguide, UX Flows, UI Styleguide, Entwicklung eines Self-Service Portals (Greenfield), OAuth und Securityconcepts for FE Architecture, Flinto, Sketch, Mockplus, InVision, Scrum Process Refinement

Generell: Fullstack Developer 80%, UX UI 20%, Lead FE (4 Devs)

Technologies: Angular 5 SPA, Confluence, Buildpipelines, AWS, AWS Lambdas, Docker, Custom CSS lib for Audi Brand based on Atomic Design pattern, node.js Microservice Development with express.js, Google Analytics, Adobe Analytics, HTML, CSS, Implementation of Design Thinking and process defintion for developers sprint and product/UX UI sprint

Project Financial Leasing Europe
Generell: 100% UX UI
Lead UX (8 UXUI‘ler Departmentsize 100 people)
Tech: Sketch, Mockplus, Invision, Adobe CC, Bootstrap, HTML, ;CSS
Tasks: Redesigning the financial service UX UI with an interface for 25 Markets globally with 5 brands of Volkswagen in each market in close communication with brands and markets. One HTML markup for all markets and brands.