DNN Website Design Process

We've been building DNN (DotNetNuke) websites since the early versions of this CMS were first introduced. That's over 15 years of DNN experience. That's a couple of lifetimes in the web design world.

Getting Started With a Customized Process

Most of the sites we build feature completely custom themes instead of templates. The design process starts with understanding your needs. Our team will meet with your project stakeholders to discuss your target marketing, competition, and goals for the web development project. From that meeting, our team will develop the following resources.

A sitemap lets you take a closer look at your website's pages and how they flow into each other. When completed, your new sitemap will show all the important pages, documents, and other resources on your site in one convenient location. After identifying the elements, we will sort them into visual hierarchies, and clearly represent traffic between them by adding connecting lines. We will also work with you to identify where content is needed to build the new site and where that content will come from. Some examples are from an existing website, a brochure, or even a current video. Your sitemap will serve as a blueprint for your new site.

With the sitemap completed, the next step is to develop a wireframe of your new DNN website design. A wireframe uses basic boxes and lines to define spaces on the page, clarify branding and navigation, and indicate where the text will reside. This is all done before the actual images and content are created. A website wireframe is a great way to clarify your vision for the entire web development team. Foremost Media will develop a wireframe mockup of your website's homepage and other key pages, as needed.

The wireframes help to make the design process iterative. Instead of combining the functionality/layout and creative/branding aspects of the website in one step, wireframes ensure these elements are taken in one at a time. This allows you (and other team members) to provide feedback earlier in the process.

Wireframe layouts also help:

  • Save time and money on development costs.
  • To get all parties involved in the new website on the same page about what the website is supposed to do and how it should function.
  • Our coders view website mockups to ensure they are developing a framework to accommodate the vision. They also use website wireframes to verify they are including branding and navigation on each page.​

Our art department will convert your approved sitemap and wireframe documents into a mockup for your team's discussion during the graphic design phase. Our design team will clearly define the look and feel to provide a consistent representation of your company’s image and brand position. Our professional graphic artists will lay out your website based on your company's branding guide, marketing materials, and input from you. We will get into details, such as how the navigation will look and function. During this phase, your team will have the opportunity to make revisions to the website design until you feel satisfied. This phase's deliverables are an online interactive prototype of what the site will look like. You will be able to post and share comments on the art itself with your team as well as ours via a sharable online link. You will be able to use this link to send to all stakeholders for final approval of the art.

During the build phase, our DNN developers will take the approved graphic design, sitemap, and wireframes and write the actual code needed to deliver you a fully-functional website built in the DNN CMS. Web design best practices, such as cross-browser compatibility, optimized code for good performance, clear navigation, and minimal load times will be a constant focus during the build process. During this phase, you will have a link to view and provide feedback on the site as the build progresses.

Is your manufacturing company ready for a website redesign?

Is your manufacturing company ready for a website redesign?

Some careful planning will ensure that your new-and-improved site provides optimum user experience and increased sales or lead generation.

READ OUR BLOG

Learn more about the website RFP process

Learn more about the website RFP process

Get through the hassles and headaches of finding a web developer by having a thought-out Request For Proposal. If you haven’t been through the process before, this article can help.

READ OUR BLOG

Check out our Project Estimator today

Check out our Project Estimator today

Looking to build a custom website or redesign your current site? Use our free Project Estimator to get a rough estimate of what it could take Foremost Media to complete your project.

USE OUR FREE ESTIMATOR TOOL