A business should understand the creative process of a design studio they choose to engage. Reviewing their portfolio can indicate the quality of the studio's work, but their method can reveal what it may be like to work with them. Below is an overview of how Smith-Cordell Design creates bespoke responsive websites.
The process starts with a discovery meeting to gauge the project’s scope and get to know your business. A design proposal is then created based on the findings. Once both parties are on the same page, a contract is signed, and a deposit is collected.
Together we agree on a sitemap — a diagram which shows the connections between web pages and content. Next, research is conducted, and a content strategy is created outlining who will provide content and when.
Wireframes are monochromatic layouts that outline the exact size and placement of page elements, site features, conversion areas, and navigation for your website. They are devoid of brand colours, font choices, logos or any fundamental design elements that take away from focusing on a website’s structure. Instead, they act as the blueprints for the visual design and allow us to focus on the website’s usability and accessibility without visual distractions.
A high-fidelity visual prototype is produced once the wireframes have been completed and signed off. Fonts, colours and imagery are introduced at this stage. The goal is to create an exact mockup of the website’s appearance when developed for design approval.
Website development only starts once you have approved the design. Smith-Cordell Design builds websites using Webflow for the majority of use cases. In addition, a content management system (CMS) is set up to allow you to edit your website in the future easily. Throughout development, your website is optimised for speed.
Quality assurance is an essential part of the process. Thoroughly testing your website on multiple devices and screen resolutions before launch ensures the site is delivered error-free. If the website replaces an existing site, server-side redirects are implemented to ensure there are no broken links. When testing is satisfactorily complete, the website is deployed to your domain.
Webflow is a visual development tool that allows developers to build at a higher speed than traditional hand-coded solutions while still allowing the implementation of custom code when necessary. As a result, a reduction in development time reduces the overall cost of a website build.
Webflow doesn’t rely on templates to create a website. Instead, you can completely customise and build any design starting from a blank canvas.
The Webflow Editor is intuitive and allows a website owner to adjust content on-page without affecting the design with ease. There is no complex dashboard to navigate.
Webflow generates clean code without excess bloat from unused functions resulting in faster loading websites that are more SEO friendly.
Webflow requires no manual security updates or plugin maintenance which means a much lower risk of a malicious actor taking down your website. Instead, all security patches and maintenance are automatic. In addition, all Webflow websites include an SSL certificate providing end-to-end encryption.
Webflow doesn’t require regular manual updates and doesn’t require the use of third-party plugins. As a result, there’s no risk of updates breaking third-party code and crashing a website, thus removing potentially expensive maintenance costs when something goes wrong.
Webflow provides lightning-fast, ultra-reliable hosting without the hassle of maintenance. Built using Amazon Web Services (AWS) and Fastly’s networks, Webflow-hosted websites take advantage of enterprise-grade scalability and security. While processing over 10 billion page views a month, Webflow hosting had 99.96% uptime in the last 12 months*.