You deserve a website that's built for your business and your audience. One that looks fresh and updated. One that can grow with you. Edwin Marie Web Design does just that! From beautifully designed websites to a unique customized approach, Edwin Marie delivers websites that stand out from the crowd.
faith-filled, veteran-owned, and focused on local businesses. We are also married with four amazing children.
beautiful, engaging websites that speak to your business. Our goal is to seamlessly represent your business and values.
a website that stands out from the crowd and is easy to use. We will be there for you for all of the "what the hecks" moments, too.
We offer many services such as branding, marketing, one-on-one training, and social media management, but our primary services are website design, seO, and website management.
You could go with a one size fits all design. Of course, you will look like everyone else and soon you will be outdated. Our clients believe they are worth more than the rest.
You deserve a website that demonstrates your business in a professional manner. One that makes clients want to contact you. One that you are proud to show off.
We help match your online presence to your brand by developing a compelling and well-thought out design. Connect with us to find your site's true potential.
Did you know that even the best of websites can't rank on the first page of Google without an SEO strategy? Edwin Marie Web Design does a lot more than just making your website look pretty. We rank your website on Google search results so that your website and business is more visible to your ideal clientele.
If you're looking for long-term, sustainable solutions, then SEO might be the right solution for you. It's time to update your business. Trust Edwin Marie to get you to where you need to be.
Websites need care to be healthy and look great. It needs you to feed it, nurture it, and monitor it, like a newborn baby. You need to know how it's doing, what's going well, and what needs to be tweaked.
Don't stress and leave it to us. Edwin Marie's monthly website management takes care of updating your content, preventing and fixing site issues, adding application integrations from tools you already use, outbound link management, and more.
We offer multiple pricing options that suit various budget and website needs. Payments can be made via monthly payments in our subscription service, 50% upfront and 50% on delivery for our custom sites, as well as a cost effective DIY training made in one lump sum prior to the course delivery.
got questions? let's talk
Most sites can be built within 4-6 weeks with a low starting price point of $99/mo. There is no retainer fee, so you can get a professional grade website that will blow your competition away for less than most business expenses.
The right option for single service businesses, landing pages, and startups.
A great fit for a multi-service business that does not add new content regularly.
A perfect fit for businesses that need to add new content on their own such as blog posts, portfolio work, new services, etc.
Easily sell products, services, subscriptions, portfolio work, online courses & downloads
A template design is a pre-made website template that gives a great start for the overall design you are looking for in your new website. We then customize this template to fit your business' needs. This customization process may include structural changes, the addition/removal of elements, etc.
Templates dramatically cut down on the time it takes to design and buildout your new website which ultimately saves you money on our your total site development.
We know our subscription service can feel like it is just a payment plan since there is a limit of 24 payments, however, we include services other subscription plans do not offer.
Custom from the ground up
say hello to the freshest website in the neighborhood
Our process takes between 13-20 weeks depending on the scope of your project and the results are well-worth the wait. All custom designs are built around your needs and brand.
Custom websites require a deep understanding of your business, so we will be working closely together definitely virtually and hopefully in-person.
We begin with a discovery phase that allows for research and understanding of your industry while also learning about your business' uniqueness.
Based on the discovery, we develop a custom timeline, identify assets needed, create a shared tracking tool, and generally plan out your entire build.
We marinate on our notes taken during the discovery phase and get to work on creating a design that touches on all of your site needs while keeping your style and brand as our true north regarding all user experience and interaction decisions.
Based on your approved design, we get to work building out your new website. As your site's development moves along, it is natural to discover new options, tweaks, and variations that may be better than our original design.
Your approval is required for all changes because you are the boss.
After your site has been built and is ready for launch, you can feel confident that your site will be as secure as possible. We use AMAZON WEB SERVICES for all hosting, security, SSL certificates, and as our content delivery network ensure your site will be secure and fast.
Now that your site has been launched and we are providing maintenance and technical support, you will be given access to a website editing tool which will allow you to update your site's content manually or, in some cases, automatically with a connection using Zapier.
You will receive a series of custom-recorded tutorial videos specific to your site. No more searching on YouTube for a how-to video. All solutions to edit your site's content are now available in a simple video library.
Ask to see if you can receive free, in-person training.
After your site has been launched, we will take over the heavy-lifting for your site's upkeep and also provide technical support during our business hours.
Maintenance
Our maintenance plans are designed to alleviate your monthly workload regarding updating your site's content. Have a new meeting, blog post, or service you want listed online? We will update that. Need to embed code or integrate tools. We can handle that for you. Content creation is not included.
Support
Have a question? We are available during normal business hours for phone and video calls.
Want to build a website for yourself from the ground up? Well, it's a lot of work, but we are happy to guide you through this process with our one-on-one DIY Course.
We focus on learning about you plus your industry, clients, and competition in order to lead our design flow down the right path.
We take the research, let it marinate, and plan on how to present your business both effectively and with an inspiring beauty.
Once you know how the design will present your business, we add window dressing with animation, color, imagery, and more.
The plan has been made and we take your design to the next level with our vast buildout experience and customization integrations.
First, create a container to house the card elements.
In this case, I have created 'c-cards-list' and 'w-cards-list'. 'c' represent container and 'w' represent wrapper. This is my standard structuring method to prepare the elements for complicated interactions just in case.
Similarly, create 'c-card' and 'w-card' inside the container. Style the 'w-card' element according to your preference and then add in required content.
To create a stacking effect, you will required to use the 'position: sticky'.
Apply 'position: sticky' to 'c-card' element and apply at least 1px for the top position.
By now, you should be able to see the cards stacking on top of each other while you scroll down the page.
Great. Now you have successfully stacking the cards on top of each other. To make them looks better, we will create some layering effect.
Create combo class for each of the 'c-card' element. For example, '1', '2', '3' and etc. Then add some value in the top position. For example, for first card, you can give it 20px from the top to make some spacing. Then for the following cards, you can add 100px each. You can adjust the value based on your design and layout.
Example: First card : 20px ; Second card : 120px ; Third card : 220px ; and so forth...
To make the layering looks even much better, you can apply interaction into 'c-card' elements.
Apply 'While scrolling in view' interaction to 'c-card' elements and ensure it affects all same class. Set the smoothing value to 90%.
Insert 'Scale' interaction starts at keyframe 40% (scale value: 1) and end at 100% (scale value: 0.8). Set it to affect 'Interaction Trigger' (c-card).
Now you should be seeing the cards stacking on top of each other with nice layering and depth.
Now, have fun and start cloning. 😍
If you encountered any issue during cloning, feel free to contact us by clicking the 'Need help?' button on the right.
You can also support our work by following us on our social media or buy us a cup of coffee.
☕☕☕
We love our customers and they are sending love back. There is nothing we want more than to hear them say they value our work and we hope one day soon you do, as well.
Our clients are photographers, vineyards, contractors, municipalities, newspapers, and so much more. Basically, we help any small to midsize business develop a clean, modern presence online.
Our blog focuses on existing clients, hearing from industry resources, attending social events, best practices, training on existing services, and upcoming offerings such as limited time discounts. Sound interesting?
Subscribe