Website Refresh

Skoki Lodge

Paper Crane

Date: Sep 18, 2024
See Table of Contents
Paper Crane
About Us

Paper Crane exists to breathe life into your brand. We take the idea and transform it into something beautiful. 

We are an innovative, platform agnostic agency that upgrades brands with incredible website design, development, and animation capabilities, meticulously crafted UX/UI, visual identity, and graphic design, seamlessly integrated with cutting-edge website development and astute online strategies and automations.

Our services encompass:

  • Online Business Strategy
  • Branding
  • Visual Identity
  • Graphic Design
  • UX/UI Design
  • Website Design & Development
  • Content Creation
  • Marketing Strategy

Our vision for Skoki Lodge

Informative, Engaging and Visually Impressive

A beautifully designed website for Skoki Lodge will capture the stunning alpine beauty and year-round adventure that await visitors in Banff National Park. By showcasing the lodge’s breathtaking scenery, world-class hiking, and skiing opportunities, the website will inspire travelers to explore this natural paradise and make it easy to plan their perfect escape.

Project Objectives

In A Nutshell

Building a website as beautiful as the back country
Build brand recognition
Easy to maintain
Impress visitors
Improve customer journey
Inform and educate users
Visually pleasing

Investment

CURRENCY: CAD

We will design and develop and new website in Webflow that will highlight and showcase the beauty of Skoki Lodge, while acting as a hub of information for those that have already booked their accommodation. Scope of work will include:

  • Development in Webflow CMS
  • 3 template options for creative direction
  • UX/UI
  • Up to 15 pages designed and developed
  • Custom component library (up to 10 unique components) for ease of updating post launch
  • 3 rounds of revisions
  • SEO optimization
  • Mobile optimization
  • Meetings and Project Management
  • 60 day bug and tweak support post launch

Content and visual assets will be provided by the Lake Lousie and Skoki Lodge Team.

Investment: $8500
01
Investment:
02
Investment:
03
Investment:
04
Investment:
05

Ongoing Costs

~$23/month USD for Webflow hosting

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
~
September 30, 2024
Kickoff and On-boarding

A clear understanding of your goals, vision and brand will guide us in building the right elements for your new website. Our team will reach out for assets and schedule your first call, set up and give you access to your personal online dashboard, set and agree to a timeline and send out calendar invites for your weekly sprint meetings to help keep us on schedule.

~
10
Business Days
Theme Selection and Creative Directon

We will work very closely with you through the concept and creation phase ensuring we are pacing toward your goals. Our creative team will provide your team with three (3) themes that align with your vision as well as ensure we are sticking true to the visual identity of Skoki Lodge and its surroundings. This process is the backbone of your project. This phase will determine how Skoki Lodge will present itself to your audience. We will ensure we are your partner in this process and make recommendations based on research and experience.

~
15
Business Days
Development

Our team of developers will build out the new website based on the chosen template and create the required components that best reflect the needs of Skoki Lodge. At the end of development you will have a full website to review and comment on for revision.

~
20
Business Days
Quality Assurance and Final Look

Our team will go through revision comments and ensure bugs and unforeseen hiccups are eliminated before launch.

~
5
Business Days
Launch!

Your site is now live and ready for visitors!

Your Team

Robert Simmons
Operations, Lead Development
Paper Crane
Partner
Tara McLaughlin
Co-Founder, Creative Director
Paper Crane
Partner
Weston Jones
Business Development
Paper Crane
Partner
Emily Biagi
UX/UI & Graphic Designer
Paper Crane
Partner
Jordan Neilsen
Jr. Developer
Paper Crane
Partner

Case Studies

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
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
Entropy
We revamped Entropy's website, enhancing its market presence and simplifying content management for their team.
Read Case Study
HelpForDementia
How building an integrated LMS and AI chat interface to helped to better disseminate information on the illness to the public at large
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 Emmett! If you have questions, please don't hesitate to reach out.

Ready to get started? 

What Our clients are saying

Prepared for Emmett
Prepared by Weston

What Our Clients Are Saying

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

"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

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

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

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

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

"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

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

Thomas Dudley
CEO at Certified EO

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

Dr. Colby Leong
Owner at Dynamic YYC

"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

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

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

"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

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

"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
Table of Contents