Magnet digital agency

Process

Everything in its right place

We're rather proud of how we build websites. We've honed the process carefully over the last 20 years, continunally updating it where necessary to ensure modern standards are met.
Phase 1 - Strategy
Phase 1: Strategy

Insights and discovery

Our process begins with developing a comprehensive strategy that aligns with your goals through thorough discovery, research, value proposition design, brand strategy, content planning finally production planning.

1.1 Scope

As a leading web design agency, we begin our process with Scope. In this initial stage, we work to understand the breadth and depth of your project. We ask the important questions: What are your goals? Who is your audience? What are your timelines? Our experience as a web design agency across various industries highlights the importance of defining these details from the outset.

1.2 Discovery

Next, we embark on the Discovery phase. This stage allows us to delve deeper into the specific challenges of your project. We examine the industry you operate in, the market conditions, environmental variables, and current trends. As a web design agency, we are skilled in identifying these elements to develop a comprehensive understanding of the context in which your project will exist.

1.3 Research

Research forms the backbone of our web design agency's strategy. We conduct an in-depth SEO audit to evaluate your website's performance and potential. Our team also carries out extensive market and audience analysis to understand your target consumers' behavior and preferences. Additionally, we perform competitor and landscape research to gain insights into what works and what doesn't within your industry.

1.4 Metrics

Defining success is a critical step in our process as a web design agency. In the Metrics phase, we determine what success looks like for your project. Whether it's improved website traffic, higher conversion rates, or increased customer engagement, we set clear, measurable goals to ensure we're on the right track.

1.5 Planning

The final step in the Strategy phase is Planning. As an experienced web design agency, we understand that meticulous planning is the key to executing a successful project. We write detailed specifications and plan each task with our team. This ensures that everyone involved understands their roles and responsibilities, facilitating a smooth and efficient workflow for your project.
Phase 2 - Creative
Phase 2: Creative

Crafting engaging sensory experiences

Our creative team crafts a beautiful design that conveys your unique value proposition and drives results by creating an intuitive and engaging user experience.

2.1 Exploration

In the Creative phase, our journey as your web design agency starts with Exploration. This is where we let our creative juices flow and experiment with various ideas and concepts. We try out different designs, layouts, and features, keeping your unique brand and project requirements in mind. Exploration allows us to break away from the conventional and create something truly innovative for your web presence.

2.2 Branding

Branding is a crucial aspect of any project our web design agency undertakes. We focus on creating or enhancing your brand identity – from logo design to color schemes and typography. We ensure that your brand is communicated consistently and effectively across your website, creating a memorable impression on your visitors and reinforcing your market position.

2.3 Writing

Our web design agency recognizes the power of well-crafted, SEO-oriented copy. During the Writing phase, our skilled copywriters create engaging, keyword-optimized content that resonates with your audience and improves your search engine visibility. Our aim is to tell your brand's story in a way that captivates your audience and compels them to take action.

2.4 Media

Media elements like photography and video production bring your website to life. Our web design agency has a dedicated team for producing high-quality media content that enhances the visual appeal of your site. Whether it's product photography, corporate videos, or interactive elements, we ensure that your website offers a rich and immersive experience to your users.

2.5 Artwork

Artwork is where our web design agency's graphic designers and illustrators shine. We create custom illustrations, infographics, and other graphic elements that add a unique, artistic touch to your website. Our artwork not only enhances your site's aesthetics but also helps communicate complex information in a simple and engaging way.

2.6 Design

The final step in the Creative phase is Design. Our UI/UX designers use tools like Figma to create a user-friendly, visually appealing design for your website. We prioritize intuitive navigation, clear layouts, and responsive design to ensure your website delivers an exceptional user experience across all devices and screen sizes.
Phase 3 - Implementation
Phase 3: Implementation

Concept becomes reality in precise detail

Our world-class development team then meticulously bring the design to life, ensuring the website is fully functional, responsive across breakpoints, and highly optimized for search engines, conducting thorough testing throughout production to ensure accuracy.

3.1 Architecture

In the Implementation phase, our web design agency starts with Architecture. This high-level technical planning involves installing servers and setting up databases that will support your website. We lay the groundwork for the technical aspects of your site to ensure a smooth and efficient development process.

3.2 Platform

Next comes the Platform stage. Here, we install necessary frameworks and connect various elements together, preparing the site for development. We integrate your CMS with CRM and E-commerce backends, add Sendgrid for efficient email delivery, authorize domains, and set up DNS. As your chosen web design agency, we ensure all the technical components are in place and functioning seamlessly.

3.3 Integrations

The Integrations step involves connecting API-based platforms together, ready for functional programming. Our web design agency's technical experts ensure that your website can communicate effectively with other platforms, enriching its functionality and enhancing user experience.

3.4 Functionality

In the Functionality stage, we work on making your website functions operational. Our web design agency's developers write and implement the code that brings your site to life. We focus on creating a site that not only looks good but also performs effectively, providing your users with the functionality they need.

3.5 Templates

The Templates stage involves building the visual layer of your site. Our web design agency's designers create HTML and CSS templates based on the Figma designs. We ensure that the visual representation of your site aligns perfectly with the designs, offering a pleasing and consistent visual experience to your users.

3.6 Interactivity

Interactivity is where we wire the functionality into the templates, creating a cohesive and engaging user experience. Our web design agency ensures that all states, devices, and use cases are accounted for. Whether it's interactive forms, responsive menus, or dynamic content, we make your website a truly interactive platform for your users.

3.7 Migrations

The final step of the Implementation phase is Migrations. Prior to final testing, we update all staging databases to production with real content and data. Our web design agency takes care of this crucial task, ensuring that your live site reflects the most accurate and up-to-date information, ready for your audience to engage with.
Phase 4 - Delivery
Phase 4: Delivery

Careful testing then a magnanimous launch

In the final phase, we conduct extensive usability testing and performance benchmarking to ensure the final product is as close to perfect as possible. We produce documentation and video training resources to ensure your team are empowered to use and adapt the website as needed into the future.

4.1 Testing

In the Delivery phase, the first step our web design agency takes is Testing. This involves benchmark testing for performance, security, accessibility, and usability. We validate end-to-end user flows and ensure that users are informed and enabled at every step to complete an action. This rigorous testing process ensures that your website delivers an optimal user experience and meets all technical requirements.

4.2 Signoff

Once testing is complete, we move on to Signoff. This is when project stakeholders review the finished product. As a trusted web design agency, we value your input and make sure that the final product meets your expectations and fulfills your business objectives. Only after your approval do we move on to the next steps.

4.3 Protocols

In the Protocols stage, we establish automated backups, restore procedures, and both off-site and on-site monitoring. This includes domain uptime monitoring with Hyperping, analytics tracking with Google Analytics, real-time user exception monitoring with Sentry, and CI/CD release testing with Circle CI and Github Actions. Our web design agency ensures your website is safe, secure, and constantly under observation for optimum performance.

4.4 Launch

The Launch step is when your website goes live. Initially, the site is soft launched and tested internally as well as with stakeholders. Once we're confident that everything is functioning as it should, we announce the launch publicly via a comprehensive campaign that includes newsletters, social media, paid advertising, and PR. As your web design agency, we aim to generate maximum buzz and exposure for your new site.

4.5 Training

Training is a crucial part of the Delivery phase. Our web design agency creates Loom videos of every edit sequence, enabling your marketing team to maintain and update the website effectively. We also offer one-on-one video call training sessions to ensure your team is comfortable and proficient with the new site's management tools.

4.6 Documentation

Finally, in the Documentation stage, we compile all the necessary information about your website in a comprehensive, easy-to-access format. We document all tools, credentials, data schemas, designs, and other materials in Notion for all team members to reference. As your web design agency, we make sure you have everything you need to manage your website effectively and efficiently in the long run.
Approach

Our 360-degree approach for precision and impact

We pride ourselves on our expertise in web design and development, building websites with a focus on executing every part of the production with care and precision. From strategy to creative to implementation and ongoing testing, we ensure your website is fast, secure and optimized at every level for growth.

Accessible

Our web agency believes an inclusive internet is the way forward. Accessibility is considered throughout our process and we can help you achieve ADA or WCAG compliance.

Performant

We optimize your website at every turn, ensuring that the code, content and all design decisions have a positive impact on performance, user experience and SEO.

Secure

We ensure the security of your site with encryption, multi-factor authentication, backup and restoration, regularly scheduled audits, updates and well-tested code.

Insightful

Our strategy is fueled by data. Using analytics, A/B testing, and market research, we craft custom software that truly connects with your audience and stays ahead of industry trends.

Optimized

We meticulously fine-tune every aspect of your custom software for maximum impact and visibility. This ensures that your web application not only looks good but also exceeds expectations.

Supported

Our training, documentation and support provide peace of mind. We keep you on track with comprehensive site monitoring and robust reporting.
Kind words
"The team at Magnet is incredible! My partner and I found them online after inquiring into multiple web developers. I’m so glad we decided to go with them. They’re extremely professional and dedicated to their jobs. I would highly recommend them to anyone."
Liza Hendriks - Wanamakers

Liza Hendriks
CEO
Wanamakers LLC