menu

All Nature's Creations

Website Proposal
01

introduction

Our goal is to create a fully integrated platform with emphasis on clear, manageable information and a functional shopping experience. Optimized for mobile experience, the website will boast an e-commerce solution with details about your products, reviews, and potentially even tips for use, The website's backend will feature an easy to navigate dashboard allowing users to easily update different areas of the website, including static and dynamic content.

02

website overview

Individual website pages will be presented to you for review, with sign off needed before moving into the build. The full website will be completely custom coded from scratch using semantic HTML/CSS in the Webflow platform.

Pages will be designed to adapt to the size and orientation of the screen, resulting in compatibility across desktop, tablet and mobile devices.

Upon completion you will receive full training to ensure comfortability when using the platform. Additionally, a "How To" document detailing all angles of the website and its backend system will be provided. We also provide support ant maintenance upon request.

Covered Resolutions
Desktop 1920px
Tablet 768px
Mobile 320px
03

our approach

For website and development projects, our team operates using an agile workflow with collaboration, feedback, and optimization in mind. Each stage of our approach is repeated in 2 week segments, targeting specific aspects of the website. These segments along with the projected sitemap, ultimately make up the project timeline.

define

  • Onboarding
  • Outline Objectives
  • Project Planning
  • Competitor Analysis
  • Audience Evaluation
  • Technical Review

design

  • Brand Review
  • Brainstorming
  • Information Architecture
  • Wireframes
  • Creative Design
  • Technical Specification

develop

  • Page Creation
  • Atomic Design & Development
  • CMS Integration
  • Content Migration
  • Technical Testing
  • Onsite SEO

deploy

  • User Testing
  • Analytics
  • Hosting
  • Training
  • Go LIVE
  • Evaluation

Select a tab below

define





Onboarding
The goal is to lay the foundation of the project with required information including the setup of communication platforms, shared drives and folder architecture. We'll outline the website's functional needs and aid in organizational set up.

Outline Objectives
With the information provided, we set up a list of goals, milestones towards completion, taking into consideration our timeline.

Project Planning
Our in-house project manager will breakdown the project roadmap and ensure we are all on the same page.

Competitor Analysis
We look at competitors and/or websites of a similar quality in order to spot emerging trends in the market to allow us to stay ahead of the competition and stand out amongst the crowd.

Audience Evaluation
We collaborate with user insight to identify their needs and what drives them. This aids in content creation, branding and user journey.

Technical Review
To gain technical guidance on in-house platforms and system setup. We will include a level of consultation to ensure the platforms in use allow best efficiency in our work. We will also optimize domain names, DNS settings and email platforms should they be needed.

design





Brand Review

To study what is readily available and how we take it to the next level. We look at the current brand identity, colors and font pairings to create consistency in our design.

Brainstorming
Using insight from our brand review, this stage is to look at art direction, content ideas, imagery and more.

Information Architecture
This stage is focused on content collation. Using our predetermined folder system, we will begin building out the content which will gradually be injected into the website's build.

Wireframes
This is the foundation layout of the site, a basic frame to which we inject our branding guideline and content. We pay close consideration to the content creation stages and how it will be laid out best within the site to maximize engagement.

Creative Design
As part of our branding process, we take all the information and designs we have created and begin feeding it into the wireframes of the site to mockup how the website looks and behaves, at this stage we will have a clear route of identity. This includes a full round of reviews before signing off and moving into the build of the site.

develop





Page Creation

Once the website page designs have been signed off, we then use the wireframe to design the live version of each individual page. This is when we introduce interactive elements into our design.

Atomic Design & Development
This stage is where we look at the finer details that build up to the full site. This includes buttons (and hover effects), navigation drop-downs, article modules, CMS content (news) layout and more.

CMS Integration
To give you the ability to control all content on the website, we build CMS collections tailored to suit your needs, these will include form layouts to enter information on news and actions. Using information from our Technical Review, we will create a seamless interface to minimize maintenance time and maximize efficiency when updating the site internally.

Content Migration
Once CMS is complete, we then begin filling in space with actual content. Using our custom built API linked directly to the CMS system, at this stage, the in-house team will get a better understanding on website maintenance and fine tune the way the site is managed. This stage also includes form setup with direct link to email and social media embedding via links and feeds (where necessary).

Technical Testing
A/B testing internally to ensure the pages are fully functional. We run through the site together as a team and as part of a full review, additional changes and tweaks for the future.

Onsite SEO
To aid in searchability, we create a full site audit. We ensure keywords are set within the right headings, metadata is added (open graph for social), images have alt tags and more.

deploy





User Testing

At this stage, we launch the portion of the website we've just completed. The goal is to set aside time to fix minor bugs before releasing to the public.

Analytics
Full setup via Google Analytics and Search Console to track site performance and in-depth user analytics. We will create a data dashboard to easily monitor the websites success.

Training
We will provide training to ensure your team's confidence in using the platform to manage content.

Hosting
Our hosting gives you access to the fastest and most scalable hosting technology. With over 100 data centers and servers, your files are distributed across the globe in a content distribution network (CDN) powered by Amazon's AWS Web Services.

Go LIVE
Release to the general public.

Evaluation
Once finalized, we'll meet with you to get feedback on our process and introduce you to our other services beyond web design.

04

Website design
& branding

We adapt our approach to suit your needs. Spotting trends in the Construction Industry will be our main focus in branding to ensure a long-term site design inline with branding guidelines. (This will also aid in content creation and marketing)

Platform
We will migrate all necessary content from existing portals and create an integrated platform spanning the frontend content maintenance, backend CMS & API and the ability for users to register and update recent actions.

Branding
We will create a brand guideline document which is a result of our research and insight into how the website will look and act. This process includes a think tank session whereas we decide on a strong brand identity taking into consideration the current market state and emerging trends.

We will also create a 'live' folder to share content, as we design the website's assets, we will be saving them into their respective folders. These elements can then be re-used for corporate branding and correspondents i.e. Brochures and reports.

Color
We combine color theory with business. The colors we agree to will create emotion and influence decision making. As part of our brand guidelines, we will provide a thought-out color system including Primary, Secondary and Tertiary colors. Repetition of these colors will strengthen brand awareness and our spectrum will follow the 3 states: Modern, Serious, Loud.

Copywriting
Our in-house writers, will focus on creating and/or strengthening the messaging of your brand.

Imagery
We will source what we believe to be the most impactful imagery to compliment the design.

Design
We will focus heavily on the website's assets including icons, shapes, buttons and interactions. The finer details will enhance the customer journey and ensure the interactive elements of the page are informative and offer ease of use.

Fonts
There will be a keen focus on font pairings, which will be presented within our brand guidelines. Great typography can have a dramatic impression on the user and it's important that it has a true feeling of authority and full eligibility when read.

Animation/Interaction
A choice of graceful animation will strengthen the mood and identity of the brand whilst ensuring the site has a modern appeal, inline with the latest trends. It will aid in the customer journey, signaling the user where to click and progress.

05

page layout

We begin each website project by laying the foundations of the website to ensure workflow. From our initial findings, we will create a full sitemap.

Simply click on the link below to download an example of our Sitemaps.

Page Creation

We anticipate less than 8 pages for your website build. As we create the sitemap for your website, we'll likely group/color code the pages we will initially design and build first in phase 1, before moving onto the others.

Navigation Bar

We kept the navigation for your website fairly simple. The main bar will be present at the top of each page with a hamburger icon that will open to the full website navigation

E-Commerce

One of our main focuses will be to create a unique shopping experience for your customers that is mobile-friendly above all else.

06

Initial concepts

We set out to create a unique introduction to All Nature's Creations. The goal was to immediately showcase your products, while also establishing the look and feel of your brand from the outset. We anticipate as part of our vision, that we will utilize animated elements to ensure a modern appeal and also set your website apart from many other e-commerce stores.

Additionally, the color scheme is intended to have feminine undertones that are still natural and cohesive with one another.

view concept 1

view concept 2

07

website layout

We implement the following strategy to ensure authority is built organically.

All web pages and site structure will be coded using high quality cross-browser compatible semantic HTML5/ CSS markup using appropriate headings/tags (H1, H2, H3, p, etc.) to denote the structure of pages and hierarchy of key content.

Pages will be built and optimized with unique browser page titles and META page descriptions relevant to the content on each page.

ALT tags can be added for image content and Title tags for text links.

In addition, we will create friendly (clean) URLs and use an appropriately named site folder structure and on making the site live.

08

keyword research
& insight

We study your competition and audience to understand the search phrases used to find your website, thus create higher domain authority leading to better search rankings.

09

Google business

To increase brand authority we will create a full audit on Google Business, This will improve search results, aid in testimonials/reviews and add needed information to search results.

10

timeline

TOTAL TIME: 6 Weeks
Week 1-2
Phase 1
Week 3-4
Phase 2
Week 5-6
Phase 3
Complete
11

Project terms

After designs of the website are signed off and development is underway, additional changes outside of the agreed project scope will be charged at $45.00 per hour.

Once the website is completed, logins will be provided to you for full control.

12

hosting

Monthly hosting fee

$50.50

Webflow Hosting gives you access to the fastest and most scalable hosting technology. With over 100 data centers and servers, when you publish with Webflow, your files are distributed across the globe in a content distribution network (CDN) powered by Fastly and Amazon Cloudfront. Which means fast page loads for all your visitors — no matter where they come from.

It allows us to use SSL certificates for every site, providing the security and SEO benefits over the major players. Additionally, the need for constant updates and maintenance are no longer necessary.

Amongst many other things it allows us to install new fonts, create back-ups of previous versions of the site, no hosting downtime and the automation of form entry forwarding to your email and/or CRM system.

14

thank you for
your interest

Have Questions? Send us a message:

hello@weriseco.com