Your Brand

Website and Backoffice

Here is your proposal, carefully spun with your brand and business goals in mind.
Let's dive into the details and explore how we can make your vision a reality.

Business Proposal - v1
December 31st 2099

Let us introduce ourselves

We're a creative agency based in Lisbon that has been spinning websites since 2017 for clients all over the world.

We specialize in custom-made websites tailored to your brand, and use cutting-edge technologies and all the SEO best practices to lift your website above your competitors.

Curious?

Recent works

Heed Top - GV Fund
FigmaReactGatsbyNetlifySanity
Landing page aimed at informing potential fund investors about the Portuguese Golden Visa and their eligible fund.
Negotiation Planner
FigmaReactGatsbyNetlifySanity
Landing page aimed at generating leads with an interest in learning how to plan for job interviews.
Star Tech Getaway
FigmaReactGatsbyNetlify
Engaging interactive story with custom made design, copy and illustrations for a global tech firm's recruitment process.
MATC Course
FigmaReactGatsbyNetlifySanity
Landing page for a practitioner master course on the Metabolic Approach to Cancer.
Lightlab
FigmaReactGatsbyNetlifySanity
Landing page for a company specialized in technical and decorative lighting. Animations inspired by lighting theme.
Ascenza
FigmaReactGatsbyNetlifySanity
Multiple existing websites migrated to a common codebase. Multiple languages, weather widget and a complex CMS.
Super Dev Quiz
FigmaReactGatsbyNetlify
Creative quiz with custom made design/copy to increase employee satisfaction and brand awareness for a global tech firm.
Rock Paper Studio
FigmaReactGatsbyNetlifySanity
Landing page for a media agency specialized in Tik Tok ads. Included brand design.
Going Viral Newsletter
StripeFigmaReactGatsbyNetlifySanity
Landing page and web-based guides for a newsletter based SaaS that unlocks the science behind virality. Stripe payments.

Objectives

Our services have but one goal, to serve yours.

So before we discuss deliverables, we need to ensure we understand your objectives so that all our efforts are focused on accomplishing them.

Here are the objectives we aim to achieve with your project:

Professional web design

Achieve a modern, impactful design that looks both elegant and professional, and resonates with both your audience and your stakeholders

Lead Generation

User-friendy and efficient flows will be used to let you capture more leads than ever

Increased Sales

Top performance and a carefully designed user experience mean pleased customers and increased sales and revenue

Search Engine Optimization (SEO)

Technical SEO best-practices applied on your website will optimize it for search engine visibility

Ease of Content Editing

An easy-to-use backoffice will give you full control over content updates post-launch

Digital Presence Growth

A beautiful branded website enhances your online presence, allowing you to reach new customers

Low-maintenance / low-cost

Our technology stack ensures your website can stay live for years with little to no maintenance and cost (no hidden fees!)

Scope of Work

Website

We will design, develop and deploy a fully functional and responsive website for the client's brand.
You can find below all your website will include:

Reusable sections

Instead of a rigid design, your website will be built using reusable sections. This means that even after your website goes live, you still get to pick and arrange these sections to keep your website up to date with your current requirements.

The sections we are considering for your website are the following (others can be discussed as needed):

Hero

The large, attention-grabbing section at the top that introduces what your site is about or encourages you to take action. It your website's front door, designed to quickly engage and guide you.

Other Features

Multiple languagesEmbedded calendar

Responsive design

To ensure your website display correctly across all devices, all our designs will be delivered in desktop, tablet and mobile dimensions.

Articles area

We will design an area dedicated to articles, tailored both for showcasing news and sharing knowledge based content.

Extra assets

Besides the main design, we will also design a few secondary but no less important assets for your website.

Favicon
The small icon that shows besides the page title in the browser tab. Its main purpose is to help visitors locate your website easier when they have multiple tabs open.
Open Graph image
The preview image that gets shown if your website is shared in social media. It makes your website more eye-catching when shared.
404 page
The page displayed when a website visitor tries to access a page that doesn't exist. Though our best practices should make this page very unlikely to be visited, it remains important as it helps to guide visitors back to active parts of the site if they do end up there.

Other Characteristics

Web ResponsiveHTTPS certificateSEO Best practicesBased in the JAMStack architectureMarketing ready *
*Ready for usage with Google Tag Manager and Google Optimize to allow your marketing team to work their magic

Backoffice

To ensure your independence editing your website content, we'll provide you with a Content Management System (CMS) based on Sanity.
Here are some of the features it provides:

Page builder

Allows the creation of new pages from the predefined sections mentioned above

Manage navigation

Possibility of editing header and footer menu entries

Search Engine Optimization (SEO)

Ability to edit SEO-relevant meta tags (e.g. title, description, open graph image)

Real-time editing

Two or more people can edit the same content at the same time

Live Page Previews

See a preview of the website that updates as you're editing it, so you know exactly how your changes will look.

Our process

Here you can find the steps that we will go through for your project, and what is expected of you on each step.

1

Asset Gathering

Before we can kick-off the project, we need to ensure we have all the assets our team will need. This may include things such as the copy of your website, images, brand book, videos, illustrations, etc.

Client Task
Provide us with all the needed content.
2

Wireframe

We then start by doing wireframes of your project.
These will provide a clear overview of the page structure, layout, information architecture, user flow, functionality, and intended behaviors.

This wireframe is then shared with you using Figma, where we can collaborate on it through comments to ensure you're happy with the content structure.

Client Tasks
Clarify requirements if needed.Validate the wireframes.
3

Design

With the wireframes to guide the structure and functionality, the next step is to work on your project's design.
This step comes in three parts:

We start by looking at your competition and other useful references we can find to learn what they're doing right that we can take inspiration from.

Next we create the look and feel, a single page of design that showcases how the final design will look and feel, so we can get early feedback before we delve on the whole project.

Finally, with the look and feel validated, we design the rest of the project, in desktop, tablet and mobile dimensions. We also design the extra assets such as the favicon and open graph image.

Client Task
Validate that everything looks just right.
4

Development

It’s time for our team to implement the design you validated. Our team focuses on code reusability for easy maintenance, accessibility, and SEO best practices to ensure top performance on Google.

This is also when we work on your backoffice, preparing it to allow for easy content updates in the future.

Client Task
Validate everything works as agreed during the design phase
5

Deployment

With everything ready, it's time to go live! This is as exciting as it is simple as by now your website is already hosted on Netlify, so all we need is to point your domain at your new website, configure HTTPS, and we're ready for your visitors to reach you at your new digital home!

Client Task
Appreciate your new live website, and profit!
6

Training

We will guide you through the backoffice and show you how to make the most of everything we have implemented for you.

Investment & Delivery

Investment

0€

VAT is added to the amount shown at the legal rate.

Amount to be paid in two installments:
- 50% at moment the project is awarded
- 50% on project delivery (to be paid within 30 days after the invoice issue).

Other payment terms may be agreed.

Estimate time of delivery

0weeks

The estimate time of delivery is counted from the date the content and assets needed for the project are provided, and may be subject to the availability at the time.

Does not include the time for validation by the client.

Additional Costs

According to the needs considered, we estimate hosting of the website and CMS will be free of charge.

Your vision, our spinReady to take the leap?

Tools we use

Our team uses cutting-edge technologies to deliver great experiences so you can stay ahead of your competition.

Figma

Website Design

Figma allows our team to work seamlessly together in real-time, regardless of location. Its cloud-based platform ensures that everyone is on the same page, reducing communication gaps and speeding up the design process. This way we can create, iterate, and prototype with ease, leading to faster, more effective results.

Learn more

Astro

Website Framework

Astro is an innovative web framework for content-focused websites, that powers the world's fastest websites. It delivers highly optimized static HTML with zero JavaScript overhead by default, ensuring secure websites with outstanding performance, scalability and SEO.

Learn more

Sanity

CMS building service

As an headless CMS, Sanity decouples content from the site, allowing consuming content across multiple channels (websites, landing pages, etc.).

Its open-source React-based interface allows for easy configuration, extensive customization, and allows for real-time multi-user editing akin to Google Docs.

Learn more

Netlify

Website and CMS hosting

Offers a generous free plan and includes a CDN for a fast global distribution. Also has a continuous Deployment, for a faster development/release cycle.

Learn more

Maintenance

No maintenance required

Many of our customers do not need any monthly maintenance fee for the following reasons:

Robust and safe technologies

Our chosen technologies and services guarantee high availability and security, and our websites stay up and running for years with very little or no maintenance without degrading the service.

No bugs left uncaught

Our 90 day warranty is usually sufficient to catch any bugs leftover from the initial development.

Safe editing experience

Our CMS allows safe content editing, reducing the need for our intervention to update the site or fix problems derived from content input.

Generous third-party free plans

Our hosting services (Netlify) and CMS (Sanity) have highly generous free plans that are sufficient for sites with low to medium traffic (thousands of monthly visitors).

Our Maintenance options

For more demanding customers, we have two types of maintenance available that we usually provide (other models can be discussed).

General Conditions

    1.
  1. The code developed during this project can be supplied to the customer, if requested.
    2. 2.
  2. All changes to the services described in this proposal may be subject to re-budgeting.
    3. 3.
  3. All changes to structure, layout or design done after the design phase may be subject to re-budgeting.
    4. 4.
  4. The client must appoint a representative with authority to provide, or obtain, any information or approvals necessary for the development of the project by Digital Spiders. It is the responsibility of this representative to coordinate the program, review and decision process.
    5. 5.
  5. The work schedule will be agreed after the approval of this proposal and its formal award. Any delay or change to this schedule for reasons unrelated to Digital Spiders may imply a new schedule and new budgeting.
    6. 6.
  6. Digital Spiders reserves the right to mention works developed for the purpose of portfolio in commercial, advertising or press dissemination.
    7. 7.
  7. After the project is awarded, the cancellation for reasons unrelated to Digital Spiders implies the payment of the total amount. This payment does not contemplate the possibility of using the material developed until then.
    8. 8.
  8. The project must be awarded in writing and implies acceptance of the conditions presented here, this awarding will only be considered after payment of the amount defined for that purpose.
    9. 9.
  9. After the project delivery, a 90 day warranty is given, during which the correction of bugs found is free of charge.
    10. 10.
  10. This budget is valid for 14 days.
    11. 11.
  11. Exceptional conditions: this budget provides for a maximum period of 0 weeks for completion of the work, from the date of award. Failure to complete the work within the period indicated, for reasons unrelated to Digital Spiders, provides for the invoicing of the remaining amount at the end of this period.

Ready to make your vision a reality?