Heading
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Overview
Process
Process
Process
Process
Process
Pricing
Testimonials
Contact

What is Website Maintenance?

Website maintenance is the ongoing process of updating and maintaining a website to ensure it remains up-to-date, secure, and functioning properly.

Website maintenance is a critical aspect of any business's online presence and plays a significant role in the success of a website.

Main Components

The main components of website maintenance include updating content, fixing bugs and technical issues, ensuring security and performance, and ensuring the website is optimized for search engines.

These tasks are important to keep a website relevant and user-friendly, and to prevent issues that could potentially harm the website's reputation or lead to security breaches.

Why Outsourcing to a Professional is Preferred

While it may be tempting for businesses to try and handle website maintenance in-house, outsourcing this work to a professional web design company like Edwin Marie Web Design is often the better option.

Professionals have the expertise, knowledge, and resources necessary to effectively manage a website and keep it running smoothly.

Additionally, outsourcing website maintenance frees up valuable time and resources for businesses, allowing them to focus on their core competencies and business objectives.

12+
Years Experience
100+
Projects Completed
10%
Average Growth

We Get Results

At Edwin Marie Web Design, we understand the importance of website maintenance and are committed to delivering the best possible results to our clients.

Our team of experienced professionals has the skills, knowledge, and resources necessary to effectively manage websites and keep them running smoothly.

By outsourcing website maintenance to us, businesses can trust that their website will remain up-to-date, secure, and functioning properly, enabling them to focus on their core business objectives and long-term success.

Whether it's fixing bugs, ensuring security, or updating content, we can handle it all.

Our Process

Our process is designed to be iterative, allowing us to continuously refine our approach based on data and feedback. This ensures that we are always adapting to your evolving needs and maximizing the impact of your social media presence.

Discovery

Client Needs Assessment
We start by understanding your brand, target audience, and social media goals. You will be provided an onboarding form that will guide you through this process.

Concept | Development

Tailored Strategy
Based on our findings, we create a content strategy tailored to your brand and audience. We develop initial content concepts, including post types and themes, for your approval.

Scheduled Posting

Content Creation
Once approved, we create and schedule posts across your social media channels. These posts are dripped out allowing for audience engagement and post traction.

Reporting

Metrics Analysis & Evaluation
We analyze key metrics such as reach, engagement, and follower growth. We evaluate the effectiveness of our content and make adjustments as needed.

Quarterly Review

Review, Plan, and Goal Setting
We review the overall performance of the past quarter and plan for the next. We set new goals and strategies to further improve your social media presence

Build Out Process

At Edwin Marie Web Design, we are excited to embark on the journey of creating a stunning and effective website for your business. Our website design process is carefully structured to deliver a tailored solution that aligns with your goals and engages your target audience.

Average site builds are between 3-4 months, but can be expedited.

Discovery | Planning

Phase 1 (2 weeks)

We begin by getting to know your business, understanding your objectives, and identifying your target audience. Through in-depth discussions and research, we gain insights into your brand, industry, and competition. This allows us to develop a solid plan that outlines the website's structure, features, and design direction.

Concept | Development

Phase 2 (4 weeks)

Based on the information gathered, our talented design team creates initial design concepts for your website. We focus on creating visually appealing layouts that reflect your brand's identity and engage your target audience. During this stage, we encourage your feedback and collaboration to ensure the design meets your expectations.

Content Creation

Phase 3 (5 weeks)

Compelling and informative content is crucial for engaging visitors and achieving your website's goals. We work closely with you to develop high-quality content that communicates your message effectively. Whether it's crafting engaging copy, sourcing captivating visuals, or integrating multimedia elements, we ensure that your content aligns seamlessly with the design and enhances the overall user experience.

Revision | Integrations

Phase 4 (3 Weeks)

In this stage, our skilled development team brings the design to life. We leverage the latest web technologies and standards to create a robust and functional website. Our developers meticulously code the website, ensuring clean and optimized code for optimal performance across different devices and browsers. We also integrate essential features such as contact forms, e-commerce functionality, and content management systems, tailored to your specific requirements.

final Approval | Launch

Phase 5 (1 week)

Once we receive your approval, we launch your website to the world. We handle all the technical aspects of the launch, including domain setup, hosting configuration, and search engine optimization. After the launch, we provide ongoing maintenance and support, ensuring that your website remains secure, up-to-date, and optimized for peak performance. We are always available to address any questions or concerns that may arise.

Build Out Process

Phases Built Around Your Needs. Websites can be delivered in as little as one-month, but on average take around 15 weeks based on previous project builds.

STEP 1

Discovery | Branding

We will review your goals, branding parameters, and preferences followed by creating a shared folder for asset collection.

STEP 2

Wireframe | Draft

Your site will begin to take shape with architecture and branding implementation in the site's first draft.

STEP 3

Revision | Content

Based on your reaction to the design, revisions will be performed. Additionally, static written content and imagery will be added.

STEP 4

Product Addition

We will add your products' info including imagery, descriptions, pricing, variants, and more based on your product records.

STEP 5

Revision | Integrations

More revisions and integrations such as embed codes, off-site linking, connections to subscription services will be added.

STEP 6

Store Completion

We will finish setting up your store by connecting your Stripe account, shipping preferences, email notifications, and more.

STEP 7

final Approval | Launch

Once everything meets your standards for launch, we will connect your domain and launch your website.

How Our SEO Rolls Out

At Edwin Marie Web Design, we understand the importance of SEO for your website's success. Our process for working on SEO is designed to help you achieve higher search engine rankings, increase organic traffic, and improve your online presence. Here's how we break it down into stages:

search

1. Assessment & Research

We begin by conducting a thorough assessment of your website and performing in-depth keyword research. This allows us to understand your current search engine rankings, analyze your website's structure, and identify the keywords that will attract your target audience.

construction

2. On-Page Optimization

We optimize each page of your website to ensure it is search engine-friendly. From incorporating relevant keywords and meta tags to improving the URL structure and internal linking, we enhance the overall visibility and crawlability of your website.

fact_check

3. Content Creation and Optimization

Compelling content is key to attracting and retaining users. We create engaging and informative content that aligns with your target keywords and audience intent. By optimizing the content structure, headings, and links, we make sure your website provides valuable information and ranks higher in search engine results.

link

4. Off-Page Optimization and Link Building

Building your website's authority is crucial. We implement effective off-page optimization strategies, including acquiring high-quality backlinks from reputable websites. By establishing your website as a trusted source in your industry, we improve its visibility and credibility.

analytics

5. Monitoring, Analysis, and Reporting

We continuously monitor your website's performance using advanced analytics tools. We track keyword rankings, organic traffic, user engagement metrics, and conversion rates. Through detailed analysis and regular reporting, we keep you informed about the progress made and provide recommendations for further improvement.

hub

6. Ongoing SEO Maintenance and Updates

SEO is an ongoing process, and we provide continuous maintenance and updates to adapt to changing search engine algorithms. We stay on top of industry trends and make proactive adjustments to your SEO strategy to ensure your website remains optimized and competitive.

Branding Process

At Edwin Marie Web Design, we recognize the significance of effective branding for your website's success. Our branding process usually takes about 4 weeks and is designed to help you create a strong and compelling brand identity that resonates with your target audience. Here's a breakdown of the stages involved:

search

1. Discovery & Research

We start by understanding your business, values, and goals. Through in-depth discussions and research, we gain insights into your target audience, competitors, and industry landscape. This foundation allows us to develop a comprehensive branding strategy tailored to your unique needs.

map

2. Brand Strategy Development

Based on the insights gathered, we develop a strategic roadmap for your brand. This includes defining your brand's positioning, mission, vision, and values. We also identify key messaging pillars that will form the basis of your brand's communication strategy. This stage sets the direction and tone for all future branding efforts.

draw

3. Visual Identity Design

We create a visually captivating and memorable brand identity that reflects your business's essence. This includes designing a logo, selecting typography, choosing color palettes, and creating visual elements that convey your brand's personality. We ensure that your visual identity is cohesive, adaptable, and leaves a lasting impression on your target audience.

style

4. Brand Collateral Development

To establish a consistent brand presence across various touchpoints, we develop essential brand collateral. This may include business cards, letterheads, email templates, social media graphics, and other marketing materials. We ensure that every piece of collateral aligns with your brand's visual identity and messaging, reinforcing your brand's credibility and professionalism.

rule

5. Brand Guidelines and Implementation

We compile comprehensive brand guidelines that serve as a reference for using your brand assets consistently. These guidelines outline specifications for logo usage, color codes, typography, and more. We provide you with the tools and resources necessary to implement your brand consistently across all channels, ensuring a cohesive brand experience for your audience.

insights

6. Monitoring and Evolution (optional)

Branding is an ongoing process that requires monitoring and evolution. We can keep a close eye on how your brand is perceived by your audience and provide ideas for brand evolution as needed. We help you stay relevant and adapt to market trends, ensuring your brand remains fresh and engaging.

PRICING

Explore our pricing options here. However, if you have any questions, please contact us to allow us to fill you in on which options are best for you, your business, and your business' specific goals.

got questions? let's talk

Subscription+ Plans are great starting points for new clients.

All Subcription+ plans are for a 48-month term which includes hosting on AWS, site security, support from real people, blazing fast page loading, and monthly maintenance.

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.

$99/mo

Starter+

The right option for single service businesses, landing pages, and startups.

A check icon separating each item in this bulleted list
Modern One-Page Site
A check icon separating each item in this bulleted list
Professional Template
A check icon separating each item in this bulleted list
Custom Integrations
A check icon separating each item in this bulleted list
Supports Zapier
A check icon separating each item in this bulleted list
$0 Retainer Fee
Sign Up

$199/mo

Small Business+

A great fit for a multi-service business that does not add new content regularly.

A check icon separating each item in this bulleted list
Everything in Starter+
A check icon separating each item in this bulleted list
5 Static Pages
A check icon separating each item in this bulleted list
Simple Editing Tool
A check icon separating each item in this bulleted list
Custom Tutorials
A check icon separating each item in this bulleted list
Basic Monthly Site Maintenance
Sign Up

$399/mo

E-commerce+

Easily sell products, services, subscriptions, portfolio work, online courses & downloads

A check icon separating each item in this bulleted list
Everything in Professional+
A check icon separating each item in this bulleted list
Payment Gateway
A check icon separating each item in this bulleted list
Shopping Cart
A check icon separating each item in this bulleted list
Shipping Integration
A check icon separating each item in this bulleted list
Automated Email Notifications
A check icon separating each item in this bulleted list
$1,000 Setup Fee
Sign Up
Benefits of the subscription+  Plan

We know our subscription service can feel like it is just a payment plan since there is a limit of 48 payments, however, we include services other subscription plans do not offer.

What is templated design?

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.

Why use a template design?

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.

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.

Pricing Begins at $5,000
Discovery + Plan

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.

Tailored Design Process

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.

Pixel Perfect Buildout

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.

Hosting + Security + CDN

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.

Custom Training

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.

Maintenance + Support

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 a quote? Let's talk

Learn how to do-it-yourself

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.

Pricing Begins at $1,500
A phone icon

RESEARCH

We focus on learning about you plus your industry, clients, and  competition in order to lead our design flow down the right path.

A lightbulb icon

INSPIRATION

We take the research, let it marinate, and plan on how  to present your business both effectively and with an inspiring beauty.

A sketching icon

DESIGN

Once you know how the design will present your business, we add window dressing with animation, color, imagery, and more.

A skyline icon

BUILDOUT

The plan has been made and we take your design to the next level with our vast buildout experience and customization integrations.

Subscription+ Plans are great starting points for new clients.

All Subcription+ plans are for a 36-month term which includes hosting on AWS, site security, support from real people, blazing fast page loading, and monthly maintenance.

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.

$99/mo

Starter+

The right option for single service businesses, landing pages, and startups.

A check icon separating each item in this bulleted list
Modern One-Page Site
A check icon separating each item in this bulleted list
Professional Template
A check icon separating each item in this bulleted list
Custom Integrations
A check icon separating each item in this bulleted list
Supports Zapier
A check icon separating each item in this bulleted list
$0 Retainer Fee
Sign Up

$199/mo

Small Business+

A great fit for a multi-service business that does not add new content regularly.

A check icon separating each item in this bulleted list
Everything in Starter+
A check icon separating each item in this bulleted list
5 Static Pages
A check icon separating each item in this bulleted list
Simple Editing Tool
A check icon separating each item in this bulleted list
Custom Tutorials
A check icon separating each item in this bulleted list
Basic Monthly Site Maintenance
Sign Up

$399/mo

E-commerce+

Easily sell products, services, subscriptions, portfolio work, online courses & downloads

A check icon separating each item in this bulleted list
Everything in Professional+
A check icon separating each item in this bulleted list
Payment Gateway
A check icon separating each item in this bulleted list
Shopping Cart
A check icon separating each item in this bulleted list
Shipping Integration
A check icon separating each item in this bulleted list
Automated Email Notifications
A check icon separating each item in this bulleted list
$1,000 Setup Fee
Sign Up
Benefits of the subscription+  Plan

We know our subscription service can feel like it is just a payment plan since there is a limit of 36 payments, however, we include services other subscription plans do not offer.

What is templated design?

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.

Why use a template design?

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.

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. All custom designs are built around your needs and the results are definitely worth the investment.

Pricing Begins at $7,500
Discovery Phase

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.

Tailored Design Process

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.

Pixel Perfect Buildout

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.

Hosting + Security + CDN

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.

Custom Training

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.

Maintenance + Support

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 a quote? Let's talk

Learn how to do-it-yourself

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.

Pricing Begins at $2,500
A phone icon

RESEARCH

We focus on learning about you plus your industry, clients, and  competition in order to lead our design flow down the right path.

A lightbulb icon

INSPIRATION

We take the research, let it marinate, and plan on how  to present your business both effectively and with an inspiring beauty.

A sketching icon

DESIGN

Once you know how the design will present your business, we add window dressing with animation, color, imagery, and more.

A skyline icon

BUILDOUT

The plan has been made and we take your design to the next level with our vast buildout experience and customization integrations.

Our search engine optimization+ plans are designed to get your local clients to notice you.

All SEO+ plans are for a 12-month term which includes onsite optimization, competitor tracking, keyword tracking, automated reporting, link building, and keyword research.

We base our SEO+ plan suggestion on your business' mission, target clients, marketing goals, and the local competition you face. We make no result guarantees, but our track record speaks for itself.

$999/mo

Basic+

Ideal when competition is low and long-term success is needed.

A check icon separating each item in this bulleted list
Onsite optimization
A check icon separating each item in this bulleted list
Bi-monthly ai-created post
A check icon separating each item in this bulleted list
20 tracked keywords
A check icon separating each item in this bulleted list
Analytics tools
A check icon separating each item in this bulleted list
Competitor tracking
A check icon separating each item in this bulleted list
Monthly site audits
A check icon separating each item in this bulleted list
Monthly emailed reports
A check icon separating each item in this bulleted list
Bi-annual news publications
A check icon separating each item in this bulleted list
White-hat link building

$1,499/mo

Advanced+

The right choice for highly competitive industries with a dedicated marketing team.

A check icon separating each item in this bulleted list
Onsite optimization
A check icon separating each item in this bulleted list
Weekly human-created posts
A check icon separating each item in this bulleted list
40 tracked keywords
A check icon separating each item in this bulleted list
Analytics tools
A check icon separating each item in this bulleted list
Competitor tracking
A check icon separating each item in this bulleted list
Weekly site audits
A check icon separating each item in this bulleted list
Weekly emailed reports
A check icon separating each item in this bulleted list
Monthly news publications
A check icon separating each item in this bulleted list
Advanced white-hat link building
Benefits of SEO+  Plans

When considering Edwin Marie for your local SEO services, here are 10 major benefits to anticipate:

But why Edwin Marie?

At Edwin Marie, we're not just SEO masters; we're your comprehensive digital ally. Marrying cutting-edge SEO with captivating web design, standout branding, and innovative AI-driven strategies, we ensure your online presence is not only visible but unforgettable. With us, you're choosing more than a service – you're investing in integrated excellence for transformative results. Experience the Edwin Marie difference today.

What's the average Return-on-Investment (ROI)?

SEO is a cost-effective investment that ensures long-term visibility, driving targeted and high-converting traffic to your business. By bolstering trust and offering a competitive edge in a crowded digital landscape, the enduring benefits of SEO frequently surpass its initial costs, making it a cornerstone for sustained online success.

The average Return on Investment (ROI) for SEO varies significantly based on numerous factors like the industry, geographical region, competition, and the specific strategies implemented. Generally, SEO has a reputation for delivering a solid ROI in the long run, especially when compared to other marketing avenues.

While these points give a broad understanding, the best way to determine an "average" ROI for SEO is to set clear objectives and track results meticulously using tools like Google Analytics. This allows businesses to evaluate their specific returns based on their unique circumstances.

want a Quote? Let's Talk

Set your business apart
strengthen your mission and connect with your audience

Branding establishes a strong image, builds trust and credibility, provides consistency, supports marketing, and increases business value. It is a fundamental part of a professional business.

Pricing is $1,500
What is included?

Professional branding typically includes several key components. These elements work together to create a professional and cohesive brand image that represents the business and connects with its target audience:

  • Logo design
    A visually appealing and memorable logo is a key element of professional branding.Color palette: A consistent color palette helps to create a recognizable brand image.
  • Typography
    The choice of font and its use in branding materials is another important aspect of professional branding.
  • Brand messaging
    A clear and consistent brand message that communicates the unique value proposition of the business.
  • Visual elements
    This includes images, graphics, and other visual elements that are used to reinforce the brand image.
  • Tone of voice
    The tone used in all communications, including website copy, social media posts, and other marketing materials, should be consistent with the brand's overall tone.
  • Brand guidelines
    A set of guidelines that outline how the brand should be represented in all marketing and communications efforts.
What Does the process Look Like

The process of branding can vary depending on the size and complexity of the business, but typically includes the following steps:

  • Discovery and research
    This involves researching the business, its target audience, and the competition. This helps to inform the branding strategy and ensure that the brand is differentiated and relevant to the target audience.
  • Brand strategy
    This involves developing a brand positioning and messaging strategy that sets the foundation for all branding efforts.
  • Concept development:
    This involves creating preliminary designs and concepts for the logo, visual elements, and other branding materials.
  • Refinement and testing
    The preliminary designs and concepts are refined and tested to ensure that they effectively communicate the brand message and resonate with the target audience.
  • Brand guidelines
    A set of guidelines that outline how the brand should be represented in all marketing and communications efforts.

The time to develop and create a final product can range from a few weeks to several months, depending on the scope of the project and the resources available. It's important to allocate sufficient time and budget to ensure a high-quality, professional result that accurately represents the business and connects with its target audience.

What if I don't like the results?

If you don't like the branding we create for you, we will work with you to make revisions and changes until you are completely satisfied with the final product.

Our goal is to create branding that accurately represents your business and meets your needs, so we are committed to working with you until you are happy with the result. If necessary, we may even start the process over from the discovery and research phase to ensure that the final branding accurately reflects your vision and goals.

Ultimately, our goal is to create branding that you love and that effectively represents your business and connects with your target audience.

want a quote? Let's talk

Grow your social community
and develop your brand across multiple channels

Branding your business consists of creating an active social presence across select channels where your target clients engage with your industry and thereby your company.

Pricing is $500/mo
What is included?

Our Social Media Administration service includes comprehensive content development, scheduling, and performance review. We develop engaging content tailored to your brand and audience, ensuring consistency and relevance. Scheduled posting across your social media channels is managed to maximize visibility and engagement. Regular performance reviews analyze key metrics such as reach, engagement rates, and follower growth, providing valuable insights to refine our strategy for optimal results.

What Does the process Look Like

Our Social Media Administration process is designed to maximize your brand's online presence and engagement.

It begins with a thorough understanding of your brand and goals, followed by the development of a tailored content strategy. We then create and schedule posts across your social media channels.

Regular performance reviews help us refine our strategy for optimal results. Our goal is to enhance your brand's visibility and engagement, ultimately driving growth and success.

What if I don't like the results?

If you're not satisfied with the results of our Social Media Administration service, we're here to listen and make adjustments. We'll review our strategy, content, and scheduling to identify areas for improvement.

Your feedback is valuable, and we're committed to working with you to achieve the desired outcomes for your brand's online presence.

want a quote? Let's talk

Phase 1

Discovery + Design

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.

Phase 2

Initial Build

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.

Phase 3

Create layering effects for stacked cards

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...

Phase 4

Enhancing layering effect with interaction

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.

Site Launch

Congratulations!

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.

☕☕☕

Trusted by brands all over the country

WORD ON THE STREET

Hear from Our Satisfied Clients

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.