129 lines
5.5 KiB
Plaintext
129 lines
5.5 KiB
Plaintext
---
|
|
layout: base.njk
|
|
metaDesc: "Elevate your business with a custom, high-quality website. Derek L. Seitz provides professional web design and development to help you grow your online presence."
|
|
title: "Derek L. Seitz - Portfolio"
|
|
stylesheet: styles/index.css
|
|
isLandingPage: true
|
|
pageScripts:
|
|
- "/scripts/benefits.js"
|
|
- "/scripts/services.js"
|
|
---
|
|
|
|
<!-- ↓ Start Intro Module ↓ -->
|
|
<div id="top"></div>
|
|
<div class="intro module">
|
|
<h1>Grow Your Online Presence with Me, <span class="accent-name">Derek L. Seitz</span></h1>
|
|
<p>A great website is often your most powerful sales tool. It's the first impression you make and the cornerstone of your online presence.</p>
|
|
</div>
|
|
|
|
<!-- ↓ Start Benefits Module ↓ -->
|
|
<div class="benefits-container module">
|
|
<h2>What a Well-Designed Website Can Do</h2>
|
|
<p>There are countless benefits to having a professionally developed website. Some of the most impactful may be in areas where your business struggles the most.</p>
|
|
|
|
<div class="benefits-visual">
|
|
<div class="benefits-card" id="card-growth">
|
|
<h3>Expand Your Business</h3>
|
|
<div class="hover-list">
|
|
<ul class="growth">
|
|
<li>Attract more visitors</li>
|
|
<li>Expand your availability</li>
|
|
<li>Convert visitors into customers</li>
|
|
<li>Engage with your audience</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="benefits-card" id="card-brand">
|
|
<h3>Establish Brand Authority</h3>
|
|
<div class="hover-list">
|
|
<ul class="brand-cred">
|
|
<li>Share your expertise</li>
|
|
<li>Build trust and credibility</li>
|
|
<li>Showcase your products and services</li>
|
|
<li>Communicate your vision</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="benefits-card" id="card-ops">
|
|
<h3>Streamline Operations</h3>
|
|
<div class="hover-list">
|
|
<ul class="operations">
|
|
<li>Transform your workflow</li>
|
|
<li>Provide cost-effective marketing</li>
|
|
<li>Enhance customer service</li>
|
|
<li>Improve data analytics</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="transition">
|
|
<p>Tackling these areas yourself can demand a huge amount of your time. This is where I come in.</p>
|
|
<p>Trusting me to focus on getting your website noticed, you can instead focus on what makes your business thrive: the people and communities you serve.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ↓ Start Services Module ↓ -->
|
|
<div class="services-section module">
|
|
<div class="accordion-container">
|
|
<h2>How I Can Help</h2>
|
|
<p>Click each button below to see ways I can help!</p>
|
|
|
|
<div class="accordion">
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">Website Design</button>
|
|
<div class="accordion-content">
|
|
<ul class="design-service">
|
|
<li>Custom web design & user experience (UX) services</li>
|
|
<li>Discovery, planning, & wireframing</li>
|
|
<li>Website redesign & optimization</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">Website Development</button>
|
|
<div class="accordion-content">
|
|
<ul class="development-service">
|
|
<li>Full-stack web development (Front-End & Back-End)</li>
|
|
<li>Custom solutions (e.g., CMS, eCommerce, booking systems)</li>
|
|
<li>Ongoing maintenance & support</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">Other Related Services</button>
|
|
<div class="accordion-content">
|
|
<ul class="other-service">
|
|
<li>Basic SEO setup & Google Analytics integration</li>
|
|
<li>Hosting services</li>
|
|
<li>Deployment</li>
|
|
<li>E-commerce</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- ↓ Start CTA Module ↓ -->
|
|
<div class="cta-section module">
|
|
<h2 class="inspiration">Perhaps you need a little inspiration...</h2>
|
|
<p><a href="/demos/" class="demos-link" target="_blank"> Explore My Work!</a></p>
|
|
|
|
<div class="project-steps">
|
|
<h2>My Project Process</h2>
|
|
<ol class="steps-list">
|
|
<li id="li-1"><h3>Discovery</h3> We'll begin with a conversation to understand your business, your goals, and your unique challenges. This is where we lay the groundwork for your project.</li>
|
|
<li id="li-2"><h3>Planning</h3> I will create a custom project plan and proposal that outlines the scope, timeline, and investment required to achieve your objectives.</li>
|
|
<li id="li-3"><h3>Execution</h3> Once we're aligned on the plan, I'll build and launch your website, ensuring it delivers on our shared vision.</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<h2 class="call-to-action">Ready to get started - or just have a few questions first?</h2>
|
|
<p><a href="/about/#contact" class="cta-button" target="_blank">Let's Talk About How to Grow Your Business Online!</a></p>
|
|
</div> |