Jump to Content Jump to Navigation
21sieben
loading …

21sieben

Urs Grupp Urs Grupp Frontend architect. UX/UI engineer.

▼ Profile

Profile

Hello! I’m Urs Grupp, frontend engineer from the city of Freiburg in Southern Germany. Working as a web developer for more than 10 years, I’ve delivered award-winning high-quality results in dozens of web projects.

In 2017, I launched 21sieben, a digital coding house where I’m handcrafting rock-solid, unique websites and web apps with an eye for detail. My passion lies in bringing beautiful designs to life, leveraging the full power of frontend technology.

When I’m not coding I like working the Black Forest, going sailing or snowboarding. Occasionally, you can find me in a concert hall with my orchestra, playing the violin.

Urs Grupp

Working experience

since 2017
Freelance Web Developer
21sieben
2016 - 2017
Technical Director Frontend & CMS
Land in Sicht AG
2015 - 2016
Web Developer
Land in Sicht AG
2013 - 2017
Freelance Web Developer
Urs Grupp Webentwicklung
2008 - 2013
Web Developer
hanfweihnacht Communication GbR

Skills

HTML & CSS

I’m building responsive, cross-browser compatible, maintainable, extendable and valid frontend components, based on CSS3+ and HTML5.

Following a modular approach by using conventions like BEM or Atomic Design and tools like Fractal or Pattern Lab, I’m proficient in rapidly creating design systems and component libraries at scale.

  • SASS
  • LESS
  • PostCSS
  • BEM
  • Atomic Design
  • ITCSS
  • CSS Grid
  • Flexbox
  • Twig
  • Pug (Jade)
  • Pattern Lab
  • Fractal
  • Bootstrap

JavaScript

My frontend components are enriched by JavaScript functionality, following the progressive enhancement principle. By utilizing module bundlers, ES6 and Babel, my code becomes very robust and future-proof, while still being executable in legacy browsers.

I’m also experienced in using frameworks like React or Vue.js – either to build single-page applications or interactive modules integrated within classic websites.

  • React
  • Apollo
  • GraphQL
  • Vue.js
  • ES6
  • SPA
  • Node.js
  • Babel
  • npm
  • webpack
  • jQuery

Development/Scaffolding

I aim to automate my build workflow, ensuring rapid development as well as a clean and reusable codebase. Leveraging continuous integration tools, I’m able to reduce risk and overheads across the development and deployment process.

  • webpack
  • gulp
  • Grunt
  • Yeoman
  • Linting
  • CI
  • Deployer
  • Buddy
  • Netlify

Content Management

I take care of integrating a web app or website into a content management system like Craft CMS, eZ Publish, Redaxo or Wordpress.

I also apply static site generators whenever possible. Take this site, which is built with Eleventy.

  • Gatsby
  • Eleventy
  • Jamstack
  • Headless CMS
  • Craft CMS
  • eZ Publish
  • Redaxo
  • Wordpress

DevOps

Production experience (selection):

  • Linux
  • Apache
  • MySQL
  • PHP
  • nginx
  • SSL
  • DNS-/Domain-Management
  • Solr
  • Continuous integration
  • Varnish
  • Docker

Version control

I’m proficient in using version control systems like git or Apache Subversion.

  • git
  • git-flow
  • Bitbucket
  • SVN

Performance

My web applications feel snappy and score high on performance analysis tools like Google Pagespeed Insights, webpagetest.org or Google Lighthouse. This is accomplished by utilizing caching, minification, Critical CSS and fine-tuning the server configuration. And, of course, just a performance- and detail-oriented way of coding.

SEO

My components are optimized for search engines by default, ensuring good visibility on Google and other search engines. Of course, any analysis tool (Google Analytics, Piwik, Hotjar etc.) can be integrated into my code.

Get in touch

I’m currently available for hire. I like working on web projects of any size and complexity, preferably doing remote work in an agile environment. That being said, of course, I’m totally fine with traveling from time to time.

If you’re interested in working together or would like to learn more about me and my work, just drop a line and we’ll talk details: