Heading
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

sOMETHING FOR EVERYONE

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

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.

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.

$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

$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

$399/mo

E-commerce+

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

Pricing Begins at $10,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 $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, dedicated tracking tools, routine 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
10 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 audits
A check icon separating each item in this bulleted list
Monthly emailed reports
A check icon separating each item in this bulleted list
Inboud link building
Discuss Details

$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
All in Professional+
A check icon separating each item in this bulleted list
Weekly blog post creation
A check icon separating each item in this bulleted list
30 tracked keywords
A check icon separating each item in this bulleted list
Daily audits
A check icon separating each item in this bulleted list
Daily emailed reports
A check icon separating each item in this bulleted list
Bi-monthly news publications
A check icon separating each item in this bulleted list
Advanced link building
Discuss Details
Benefits of subscription+  Plans

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.

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 Begins at $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

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

See What Our Clients Say

Testimonials

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.