Webflow Website Rebuild

Tourism Lethbridge

Paper Crane

Date: Jul 10, 2024
See Table of Contents
Paper Crane
About Us

Paper Crane shines as a Webflow-centric agency, redefining the parameters of brand platforms through unparalleled website design, development, and animation. With our mastery in JavaScript, we harness the full power of Webflow to optimally cater to the unique needs of our clients.

Our forte lies not just in crafting aesthetically pleasing visuals, but in constructing robust, enterprise-grade infrastructures that transcend the ordinary. We leverage our advanced technical skills and keen design sensibility to ensure your brand stands head and shoulders above the competition.

Our approach amalgamates innovation with strategy, offering a perfect blend of technical prowess and creative flair. By pushing the boundaries of Webflow capabilities, Paper Crane sets the benchmark in delivering visually compelling and technologically superior web solutions that truly set you apart.

Our vision for Tourism Lethbridge

Informative, Visual and Committed To Lethbridge

Tourism Lethbridge is inviting proposals from skilled web designers to revamp its website. The will become an attractive, intuitive, and responsive site catering to the needs of residents, tourists, local businesses, and various stakeholders. Tourism Lethbridge aims to boost visitor numbers, enhance Lethbridge's share of the tourism market, and promote the city and its surroundings nationwide.

Project Objectives

In A Nutshell

Increase visitation and engagement through a stunning and easy to use website
Allow for easy editability
Easy to maintain
Exciting landing pages
Eye-catching design
Impress visitors
Inform and educate users
Visually stunning
Optimized for SEO

Investment

CURRENCY: CAD

Starting from the ground up, we'll design and develop a modern, intuitive and engaging website that will showcase the beauty and rich history of Lethbridge and the surrounding area. Utilizing creative workshops, industry leading design and the best Webflow developers in the country, we aim to create a website for you that won't just inspire people to visit, but inspire people to stay.

Scope of this project will include:

  • Content pull and flow into redesigned templates.
  • UX/UI
  • Two options for creative direction for the site
  • Website design and layout for all pages in desktop and mobile
  • Website development on Webflow
  • Optimization, bug testing and launch
  • Video library of the entire CMS and how it can be accessed to make changes and updates to the site
  • On-call support for 60 days for CMS issues or bug fixes
  • 90-day tweaking
  • Meetings and project management
  • Content and Architecture review
  • Content and Architecture to be supplied by Tourism Lethbridge
  • 2 creative workshops with our design team to ensure your brand identity and vision are executed perfectly
  • Support with updating alternate domains with the new website UI standards
  • Requisite integrations (Mailchimp, GA4, Facebook, etc.)
  • Mobile-first UX/UI & development procedures
  • SEO Optimization

Investment: $24,750
01
Investment:
02
Investment:
03
Investment:
04
Investment:
05

Ongoing Costs

Webflow Ongoing ~$23-$40 USD/Month based on user traffic.

Ongoing Costs

Webflow disclaimer

Webflow is not open-source software. The website is required to be hosted on Webflow's AWS servers and cannot be ported to other website hosting companies outside of very specific circumstances. Please let us know if this is an issue. Webflow's hosting costs range from 14USD-40USD per month for sites with non-Enterprise levels of usage (ie. Millions of pageviews per month).

Billing

50/50
For this project, the initial 50% deposit is due within a week of the project start date, and the final 50% will be due prior to completion
40/30/30
For this project, the initial 40% deposit is due within a week of the project start date, and the remaining payments will be split up into two equal payments due on set dates in the course of the project.
25/25/25/25
For this project, the initial 25% deposit is due within a week of the project start date, and the remaining payments will be split up into three equal payments due during the course of the project.
Evenly split payments at the start of each month for the duration of the project.
For this project, we will split the project total into equal monthly amounts for the duration of the project.
We will invoice for the contracted amount at the start of each month
For the duration of this contract, we will invoice on the 1st of each month.
Dependent on hours
Our team will monitor our hours and will bill accordingly at the end of each month. We will provide list items of the tasks completed upon request.
Terms in contract
Due to the custom nature of this project, we will provide an accurate billing summary in our contract.

Estimated Timeline

Our Process

This is a general estimate that may vary based on feedback loops, illness, global pandemics, etc. Deliverable dates will be determined during the kickoff meeting.

Project Start
~
August 6, 2024
Kickoff and Onboarding

It's time to get started! Stages for this process will include contract signing and on boarding and resource/content gathering. We will start the project with a kick off meeting with all relevant stakeholders to identify all needs, goals and aspirations for the project. We will determine your desired voice and then confirm the cadence of the deliverables for each stage outlined below. From there we'll work along side your team to gather the necessary resources, copy and content, and brand guidelines.

~
10
Business Days
Wireframes and Architechture

We'll begin to map out your user journey and the structure of how the site is built. Think of this as the "blueprint" stage of design. What pages go where, how big and what kind of functionality and design notes Tourism Lethbridge would like to see. This will be presented to your team in a Figma to make live notes before we head into the visual design phase.

~
15
Business Days
Design

Now it's time to turn the wireframes into what your website will actually look like. Working in tandem with your team and utilizing the brand standards and guidelines provided by Tourism Lethbridge we will create a full mock up version of the site and provide two clear creative directions to choose from. After revisions and approval we'll hand it off to the developers

~
15
Business Days
Development

Our Webflow developers will bring your site to life! This will be the final stage and we'll ensure security compliance, required integrations and ease of use for your team after launch are a top priority.

~
30
Business Days
Launch Day!

After revisions and approval we'll send your site live and let the tourists start flowing into town!

Your Team

Tara McLaughlin
Co-Founder, Creative Director
Paper Crane
Partner
Robert Simmons
Operations, Lead Development
Paper Crane
Partner
Christy Seville
Senior Content Writer
Paper Crane
Partner
Weston Jones
Business Development
Paper Crane
Partner
Teak Sato
Sr. Graphic Designer
Paper Crane
Partner
Julia Dang
Jr. Designer
Paper Crane
Partner
Emily Biagi
UX/UI & Graphic Designer
Paper Crane
Partner
Jordan Neilsen
Jr. Developer
Paper Crane
Partner

Case Studies

Melo Mead
We crafted a new brand and an innovative, visually captivating website for Melo Mead, featuring 3D designs and interactive elements.
Read Case Study
Pain Canada
Developed a resourceful website for Pain Canada, enhancing access to pain-related resources, aligned with Health Canada’s 2021 Action Plan.
Read Case Study
Entropy
We revamped Entropy's website, enhancing its market presence and simplifying content management for their team.
Read Case Study
Dave Pierce
Revitalized Dave Pierce Music’s online presence with a dynamic Webflow website, featuring a new branding design and improved user experience.
Read Case Study

FAQs

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
What are the benefits of automation?
Automation
+

The clear answer here is, "Less time and money spent doing redundant tasks". Here are some of the not-so-obvious benefits:

  • Consistent customer/client journeys - a good process means that you can easily duplicate great client experiences without extensive team training. The less a team member has to do, the more likely it is that you can replicate amazing client and customer journey's without the risk of errors caused by lack of talent, training, or both.
  • Increased output and better margins - by removing hours of work, team members can divert their time to more profitable tasks, meaning team compensation has a much higher ROI.
  • Flexibility with modernization - with AI becoming omnipresent in our lives, automation allows us to potentially weave it into our everyday lives. Whether its writing proposals, estimating costs, proposing team schedules, populating spreadsheets, or anything else, automation can help you keep on the leading edge of tomorrow's tech.
How many revisions do I get?
General
+

Officially, three revision cycles at the various stages of the project. As the project evolves, there are less revisions.

What if I want to add to the scope of the project?
General
+

Scope can be increased at any time. If the new additions to the project increase the design or development time, we will provide a new estimate for the additional time

What if I miss deadlines for submitting content or feedback?
+

We will do our utmost to ensure we allow for acceptable padding per Phase of our work together. That being said, there are times when life gets busy, businesses change, and external project work can get put on the backburner - we get it.

In situations where delays arise, particularly those lasting more than two weeks at a time, we may need to revisit timelines - and if that's not an option, we will work with you to find out how to get work completed in a timely manner without blowing out the budget.

We promise to never surprise you with bills or overtime charges that have not been pre-approved.

What if something on my site doesn’t work properly after launch?
General
+

You have 90 days after the launch of your website to bring up any glitches or bugs you may find and we will happily fix them.

What if I reschedule a meeting?
General
+

We strive to keep on track once the project has begun. Rescheduling meetings is completely fine but may delay the final project delivery time.

What if I want to shrink the project scope?
General
+

We understand that projects of any size may require adjustment somewhere down the road. Part of one of our core values - collaboration - is finding a way to make things work to make sure you get the absolute most out of our services. We're open to re-evaluating our scope of work down the line if things change to make sure both sides come out happy.

What payment methods do you accept?
+

In most cases, we provide bank details upon request for bank transfers (which can be requested here). For Canadian clients we can accept e-transfers to accounting@papercrane.ca

How will I be billed?
+

Project invoices will be divided evenly month over month for the duration of the project. The first month’s bill is due as deposit prior to starting work, the last months invoice is due after approval and prior to launch of the website. All other invoices will be billed on the first of the month for the prior month and are due 15 days after the invoice date. You will receive online bills from accounting@papercrane.ca.

What is your hourly rate?
Pricing
+

Our hourly rate is $165/hr (CAD) as of June 21, 2024. That can be negotiated based on ongoing contracts - length of contract and volume of hours per month will both correlate with lowering the cost per hour.

What services do you offer?
Full Stack
+

We provide a comprehensive suite of services including UI/UX design, front-end and back-end development, mobile app development, database architecture, cloud computing services, and AI integration.

What comes in my visual identity pack?
Visual Identity
+

Depending on the tier you have chosen you will get:

  • Your entire logo suite in all colors, black and while in JPG, PNG, SVG and EPS/AI (vector)
  • Your icon set in JPG, PNG, SVG and EPS/AI (Vector)
  • All color breakdowns in CMYK, RGB and PANTONE
  • A brand guide outlining usage
  • Patterns
  • If included, custom illustrations and animations in JPG, PNG, SVG and EPS/AI (Vector)
  • If included, sales support material like business cards and letterhead in printable and native working files
  • Any stock imagery downloaded on your behalf
  • If included, PPT tempates
  • If included, vehicle wraps, signage, uniforms, wayfinding, window wraps, brochures in printable and native working files
  • If included, the keys to your website with access to change and update content
What is a brand guide?
Visual Identity
+

A brand guide is a book with a set of rules on how to use the visual identity and voice of your brand successfully so it continues to communicate your promise effectively. It will include things like how to use the logo, color breakdowns for the brand, dos and don'ts for the voice, vision and mission statements etc.

When a brand's message is disconnected from it's visual identity, the audience becomes confused and has a negative feeling about the brand as a whole. For instance, if your brand promise was to bring calm, we would not use images of lightening.

A brand guide helps you, your team and any other agencies or freelancers you hire, keep the visual and voice message to your audience consistent.

How is visual identity different from branding?
Visual Identity
+

Branding has three main components, visual, voice and promise.

Visual Identity is what your audience sees. Things like your logos, marks, fonts, layouts, photos, videos, icons, colors, uniforms, storefront etc.

Voice is what your audience hears. Things like your web copy, ad headlines, whitepapers, sales material copy etc.

Promise is the feeling those two things combined evoke in the audience. Humans absorb marketing communications through what they see and hear and make a decision about your brand by the sensation that communication brings.

For example, is your brand promise to bring joy? Then your visual identity and brand voice will reflect that and evoke a feelings of fun and delight in your audience.

What if I don't like the direction my visual identity is heading?
Visual Identity
+

If you are not happy with the direction of the visual identity or the concepts we present at the start, that is okay! We expect that there will be discussion at the onset around the direction of the brand. Sometimes, seeing someone else's ideas on how to present your business shows what you don't want and gives us room to build together what you do want to see.

We like to work with you until you are happy, within reason. We will push you to think of the target audience first and remove your personal tastes from the equation as much as possible. You should be proud of your brand, but it does not have to be your taste.

If we are well into the process and there is still disagreement on the direction, we will discuss alternatives with you.

How many rounds of changes do I get for my logo?
Visual Identity
+

Typically we see 2 - 4 rounds of changes for logos. After speaking with you about who your audience is and how we want you to be perceived by them, we start with between three and five general concepts and direction. These are usually about 50% correct.

From there, we refine the concepts into more solid identities along side you moving to colors, fonts and refining the shapes.

Do any recognizable companies utilize NextJS?
NextJS
+

Absolutely. A short list of sites built on NextJS can be found here: 

Why use NextJS instead of just React?
+

NextJS extends the latest features of React, allowing it to offer more powerful features and deeper integrations. Items like: 

Why use Next with a Headless CMS?
NextJS
+

The separation of frontend from backend allows for greater flexibility and scalability in building and designing digital experiences. By decoupling the content from the presentation, a headless CMS enables teams to easily create and manage content, while allowing developers to use any frontend framework or technology to build and design the website or application. Additionally, a headless CMS can be integrated with other systems and platforms, such as e-commerce, CRM, and analytics, to create a seamless and personalized user experience.

Is NextJS production ready?
NextJS
+

Yes! Next.js is used by many of the top websites in the world. See the Showcase for more info.

How customizable is Webflow?
+

Text, images and links can all be changed incredibly easily via the collection system in the web portal.

Additional pages and design and layout changes are quite easy with a bit of knowledge on Webflow's interface or some developer help.

Customized Javascript are possible with developer help.

What technology stack do you specialize in?
Full Stack
+

We are a full-stack development agency proficient in a variety of technologies, including but not limited to JavaScript (React, Vue, Node.js), Python, Java, Ruby, and associated frameworks. We also have expertise in database technologies like SQL, PostgreSQL, MongoDB, and cloud platforms like AWS, Google Cloud, and Azure.

Is Webflow accessible by multiple stakeholders all at once via web interface?
+

Yes.

How does Webflow handle resources such as calculators, custom forms, quizzes etc?
+

Webflow has few limits when it comes to custom Javascript or embedded HTML code. We have many sites with calculators, quizzes and conditional forms, pus many more custom elements.

Does Webflow have a staging environment?
Webflow
+

Webflow's system is not perfect for this.

You have two options: 

1) Publish changes to the subdomain in the Designer; however, if Editors (ie. blog writers) publish posts, the changes will be pushed live as well.

2) Copy over the live site to a separate project in one click, make any modifications necessary, copy/paste the sections back into the live project, and then Publish. The only issue is that some classes will change names to avoid redundancy, in which case they will have to be switched back. In that case, you can delete the copy of the site and rinse/repeat whenever there are major changes to be made.

Why use Webflow?
Webflow
+

Webflow is very good at being a surface-level website builder. We often use Webflow because it:

  • generates clean frontend code
  • has powerful SEO capabilities
  • requires no maintenance
  • has premium security features
How does Udesly connect Webflow and Shopify?
Udesly
+

Udesly isn't a live connection per se. The process works by building out designs in Webflow and exporting the code, using Udesly as an adapter to modify the code for Shopify, then importing the new template into Shopify. Webflow is the design hub where all creative changes are made, whereas Udesly is the content hub where all changes to items like text, products, blogs, etc. are made.

How can our team manage content on the site after launch?
Webflow
+

Webflow has, arguably, the most powerful CMS for marketing sites with similar build costs. With the proper set up, your team should rarely ever have to make structural changes to the site. Collections for items like Blogs, White Papers, Webinars, Team Members, Careers, Treatments etc., can be easily added by non-technical staff.

That being said, Webflow is not a simple page builder. Although it is drag-and-drop in many ways, it relies heavily on frontend coding with HTML, CSS, and Javascript, and we strongly encourage any team member or contractor that is making large, structural changes to the site to have some semblance of Webflow training, which we are happy to provide.

To learn more about the editing experience, you can see the official page here.

Is Webflow secure?
Webflow
+

Webflow sites benefit from being hosted via AWS with all of the included security protocols. Webflow also has 2FA built in for account security, and their servers go through intensive cybersecurity testing on a consistent schedule.

Does Webflow support modern marketing and technical requirements?
Webflow
+

Webflow is integrated with Google's Analytics and Optimize applications out of the box. With no limitations on frontend Javascript, there are virtually no limits on implementing marketing scripts.

Does Webflow provide support?
Webflow
+

By reaching out to support@webflow.com, turnaround time on tickets tends to sit in the 2-8 hour range although we have had tickets in queue for up to 24 hours in some cases.

Alongside the official support channels, Webflow has a vibrant community of professionals on Facebook and Reddit, along with a large directory of on-demand agencies and freelancers on https://experts.webflow.com/

As an aside, we have been Webflow Partners since the creation of the program. In many cases, we can reach out to internal support teams on your behalf to resolve issues in a more efficient manner.

How does Webflow hosting work and how much is it?
Webflow
+

Webflow is not open-source software. Webflow sites are required to be hosted on Webflow's internal AWS servers and cannot be ported to other website hosting companies outside of very specific circumstances. Webflow's hosting costs range from 23USD-38USD/month.

Do you develop mobile apps?
Full Stack
+

Yes, we develop mobile applications for both Android and iOS platforms. We utilize both native development and cross-platform technologies depending on the project's needs.

Will I own the source code?
Full Stack
+

Yes, as our client, you will have complete ownership of the source code upon completion of the project.

Why Zapier over more cost-effective competitors?
Automation
+

In the world of automations, there are two factors that help Zapier reign supreme:

  1. Number of integrations
  2. User experience

For almost any specialized 3rd-party platform, the rule of thumb is that if they have any integrations, Zapier is going to be on the list. It has almost become a requirement for companies to prioritize Zapier API work as it means that companies can spend less development time on other integrations as Zapier does the heavy-lifting for them. Zapier has the most integrations on the market by a country mile.

As to user experience? We have familiarized our team on the platform, and any cost-savings on swapping to a competitor would easily be lost in us having to learn a brand new technology and how it operates - if it does at all - with our chosen 3rd-party applications.

What's your process for managing a project?
Full Stack
+

We follow an Agile methodology with regular sprints and constant communication to ensure that the project stays on track. We provide regular status updates and incorporate feedback at every stage.

Do you offer post-launch support?
Full Stack
+

Yes, we provide post-launch support and maintenance services to ensure your software continues to perform optimally.

Do you provide documentation for your apps?
Full Stack
+

Yes, we provide complete documentation that covers the software's architecture, codebase, and functionality, ensuring you have all the information needed to maintain and update the software.

How can I track the progress of my project?
Full Stack
+

We provide a dashboard for you to easily access important files, links, and our ongoing task list to ensure you have a perfect view of how your progress is, and where we are in regards to deadlines and deliverables.

This dashboard is fully integrated with our internal Project Management system, so you will have up-to-the-day status updates on all relevant tasks associated to your project.

What payment types are accepted?
Pricing
+

We accept bank transfers globally - EFT and ACH.

For Canadian clients, we can accept e-transfers addressed to accounting@papercrane.ca.

If credit card is required, it can be accepted with an additional 1.9% fee.

Thank you!

Thanks Dominika! If you have questions, please don't hesitate to reach out.

Ready to get started? 

What Our clients are saying

Prepared for Dominika
Prepared by Weston

What Our Clients Are Saying

I strongly recommend working Paper Crane for high quality digital assets. We worked with the Paper Crane team to turn around an upgraded commercial website on an expedited timeline and received excellent results. Above and beyond the end product, Robert and his team were extremely accommodating of our timeline and phased roll-out requirements.

Brett Ziegler
CPO at Trip Ninja

"Our companies have been working with the Paper Crane team for quite some time now. What I love the most is their client service.. they are always communicating at every stage of a project and since they are the experts at what they do, I look forward to their advice and guidance on what will work."

Angela Sharman
Director of Marketing at METSCO

"Paper Crane was fantastic to work with! Professional and extremely responsive to our needs!"

Thomas Dudley
CEO at Certified EO

"Working with Paper Crane was fast, easy and professional.  The communication was well thought through and easy to understand.  They were on budget and on time.  Wow.  That doesn't happen very often."

Russ Prefontaine
President & Co-owner at Fratello

Working with Paper Crane has been a breath of fresh air thanks to their diligent processes and meticulous attention to detail. They really care about their clients and it shows.

Jeremy McPherson
Marketing Director at Bud Supply

"My company has hired Paper Crane numerous times for different projects. In all cases, they produced extremely high quality deliverables on the time and budget they originally stated. We continue to use them for this reason."

William Richards
Founder & CEO at EasyRedir

Paper Crane Media is genuinely the best media and marketing team I've worked with.  They are creative, talented and terrific collaborators. Always up for anything and they enjoy understanding and embracing the brands of their customers. They're professional and warm people that I'd gladly make part of any future team.

Hans Ten Cate
CBO of Tilt Five at Tilt Five

Seamless website design incorporating all aspects of our brand. Quick turn around with timely responses. Highly recommend.

Dr. Colby Leong
Owner at Dynamic YYC

Paper Crane completely redesigned our corporate website. The end product exceeded our expectations, and the entire team was great to work with. We are very happy with the work they've done, and we will be sure to use them for similar projects in the future.

Matthew Brown
Corporate Development at Pine Cliff Energy

"Paper Crane built the site quickly and efficiently and kept us informed throughout the process, getting my input on key components. We've had the site for a few months now and I already rank #1 on Google (above a similar named company that just raised $13million in Silicon Valley). Couldn't be happier with Paper Crane and the team."

Mitchell Johnstone
Owner at Abacus AI Solutions

"Everything has been smooth sailing since we launched. We’ve made a couple tweaks through Robert. The backend and use of Elementor has made everything incredibly easy to update. Our CCASA team and our clients have reached out to say how much they love the new brand and how uplifting it is. Nothing but good things to say about it"

Ashley Humphries
Director of Communications at CCASA

The team was easy to work with, responsive, and delivered a beautiful website on time and on budget. What more can you ask for?

Kathryn Sutton
Communications Director at Pain Canada

We are absolutely thrilled with the brand work that Paper Crane has done to help kickstart Melo. The creativity and attention to detail in every element, from the can designs to the engaging website, have truly set our brand apart in the market and it's making a difference on in-store sales which is amazing. Working together was great - looking forward to some more projects in 2024!

Brendan Collins
Owner at

Paper Crane worked with us as we were first starting our business and ensured that we had a website product that truly spoke to our vision. They are very knowledge and extremely responsive. We have referred several clients to them and feel confident that the team will always provide excellent service. Overall we have been very happy with our experience and will continue to use their services going forward!

Aalim Jiwa
Co-Owner at Revive Medical

... they've been extremely knowledgeable across the board, very responsive, and have helped to devise a number of well-thought-out solutions to some technological hurdles. We now have a much more flexible and modern solution driving our marketing website, which is critically important to our business.

Emmett McPartlin
Marketing Director at Kudos
Table of Contents