summaryrefslogtreecommitdiff
path: root/index.html
blob: 652cf1331f771add2ad59eb14ca1f0ea36f77b99 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE HTML>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Rubén Beltrán del Río">
    <meta name="description" content="Rubén Beltrán del Río is a freelance software engineer that offers a wide-range of services, including native iOS and macOS development, web development, backend services, infrastructure, as well as organizational and leadership consulting for tech teams.">
    <meta name="theme-color" content="#0000f5">
    <meta name="fediverse:creator" content="@ruben@friendship.quest" />

    <title>Rubén Beltrán del Río &mdash; Holistic Tech Services</title>

    <link rel="preload" href="/font/LibreCaslonCondensed[wdth,wght].woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/font/LibreCaslonCondensed-Italic[wght].woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/font/Ronzino-Medium.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/font/Ronzino-Bold.woff2" as="font" type="font/woff2" crossorigin>
    
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <link rel="author" href="humans.txt">

    <script type="module" src="/js/animation.js"></script>
  </head>
  <body>
    <header>
      <h1>
        <canvas width="60" height="60" aria-hidden="true"></canvas>
        <a href="/">Rubén Beltrán del Río</a>
      </h1>
      <p>✷ Holistic
             tech
                services ✷</p>
    </header>
    <main>
      <section id="introduction">
        <section class="window cutoff-corners">
          <header class="titlebar">
            <span class="label">Welcome.</span>
          </header>
          <div class="content">
            <img src="/img/selfie.png" alt="A pixel-art portrait of Rubén doing a peace sign and sticking his tongue out" />
            <p>Howdy! I'm Rubén, a freelance full-stack software engineer based in Berlin. Looking for some help with your project? I might be able to help!</p>
          </div>
        </section>
      </section>
      <section id="services">
        <section>
          <h2>I can help you build.</h2>
          <ul>
            <li><strong>Websites</strong> that are fast, accessible and search engine optimized.</li>
            <li><strong>Native apps</strong> for iOS, iPadOS or macOS.</li>
            <li><strong>Backend Services</strong> with great observability, clear documentation, and made to scale.</li>
            <li><strong>Data Pipelines</strong> from tracking planning, to data warehouse extract-load-transform pipelines that give you accurate and actionable information.</li>
            <li><strong>Infrastructure</strong> that can tie all your services, documented as code.</li>
          </ul>
        </section>
        <section>
          <h2>Optimize and improve.</h2>
          <ul>
            <li><strong>Supply chain analysis</strong> to reduce risk from dependencies across different packaging ecosystems.</li>
            <li><strong>Automate</strong> code quality and deployment.</li>
            <li><strong>Reduce cloud cost</strong> by optimizing your resource usage, plans and overall architecture.</li>
            <li><strong>Optimize Large-Language-Model</strong> usage by creating custom tooling and Model Context Protocol (MCP) servers.</li>
          </ul>
        </section>
        <section>
          <h2>Or help your team go fast.</h2>
          <ul>
            <li><strong>AI Transformation</strong>: Teach your organization how to work with AI, and build the right tools to support it.</li>
            <li><strong>Upskill Your Team</strong>: Bring your team up to speed with new technologies, architecture patterns or processes.</li>
            <li><strong>Product Engineering Mindset</strong>: Bring product and engineering closer together.</li>
            <li><strong>Experimentation mindset</strong>, help your team learn how to design, execute, and interpret experiments.</li>
            <li><strong>Systems Analysis</strong>: Streamline your operations by understanding how your team, resources and processes come together, finding chokepoints, and reducing waste.</li>
          </ul>
        </section>
      </section>
      <section id="skills">
        <section class="textured">
        <h2>Ain't that right!</h2>
        <p>With over 25 years of experience, I've worked with big and small teams, ad-supported and sales-driven products, bootstrapped startups looking to launch, and established companies looking to scale up. I've worked with all sorts of stacks:</p>
        <ul>
          <li><strong>Languages:</strong> JavaScript, Rust, Ruby, Python, PHP, Swift, Objective-C.</li>
          <li><strong>Cloud Providers:</strong> AWS, Scaleway, Cloudflare, Google Cloud, Azure.</li>
          <li><strong>CI Systems:</strong> GitHub, Gitlab, CircleCI, TravisCI, Jenkins, Bitrise.</li>
          <li><strong>Database Systems:</strong> PostgreSQL, MySQL/Aurora, Redis, MongoDB, Apache Cassandra, Snowflake.</li>
          <li><strong>Analytics Software:</strong> Google Analytics, Amplitude, PostHog, .</li>
        </ul>
        </section>
        <section class="window cutoff-corners pinned">
          <header class="titlebar">
            <span class="label">Get in touch.</span>
          </header>
          <div class="content">
            <p>You can book a call to tell me about your project face to face. Or you if you prefer text, you can send me an e-mail!</p>
            <button><label>Book a call.</label></button>
            <a role="button" href="mailto:hello@work.bdr.sh?subject=Howdy%2C%20I%27d%20like%20to%20work%20with%20you%21&body=Hi%20Rub%C3%A9n%2C%0D%0A%0D%0AI%20saw%20the%20contact%20form%20on%20your%20website%20and%20would%20like%20to%20see%20if%20we%20can%20work%20together%20on%20my%20project%3A%0D%0A%0D%0A%3CTell%20me%20a%20bit%20about%20your%20project%20here%3E%0D%0A%0D%0ABest%2C%0D%0A%3CYour%20Name%3E"><label>Send an e-mail.</label></a>
          </div>
        </section>
      </section>
      <section id="testimonials">
        <section class="textured">
          <h2>But don't take my word for it.</h2>
          <p>Here's what some lovely people have to say about me.</p>
        </section>
      </section>
    </main>
  </body>
</html>