608-758-4841 Request Quote GO

DNN Website Design Process

At Foremost Media our development team has building DNN websites (DotNetNuke) since the early versions of this incredible CMS where first introduced.   The majority of the sites we build feature completely custom skins.   The graphic design process typically starts with a discussion with our in house graphic designers and project manager, where we take the time to learn about your business, your industry and even your competition.   From that meeting our team will develop the following resources:

Website Site Map

A site map lets you take a closer look at the pages of your site and how they will lead into each other.  When completed, your new site map 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 the 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 site map will serve as a blueprint for your new site.

Site Map Examples
Wireframe examples

Wireframe Creation

With the site map in completed the next stem is to develop a wireframe of your new DNN Website design.  A wireframe uses basic boxes and lines to define the spaces on the page, to clarify branding and navigation, and to indicate where text will reside — before the actual images and content are created. A web site wireframe is a great way to clarify your vision for the entire web development team. Foremost Media will develop a wireframe mock up of the home page of your website as well as other key pages as needed.  The wireframe will also include the controls needed to manage your DNN such as the log in controls, language selection menus (If your site is multilingual), registration modules and  any additional functionality your business might need.   

Wireframe layouts save everyone time and money on development costs:

  • Wireframes help make the design process iterative.  Instead of trying to combine the functionality/layout and creative/branding aspects of the website in one step,
  • Wireframes ensure that these elements are taken in one at a time. This allows our clients (and other team members) to provide feedback earlier in the process.
  • Wireframes help get all parties involved in the new website on the same page about what the web site is supposed to do and how it is supposed to function.
  • Our coders view website mockups to ensure they are developing a framework that will accommodate the vision. 
  • Website wireframes are also helpful to verify that we are including the right branding and navigation on each page.

Graphic Design Mock Up

Once your site map and wireframe have been reviewed and approved by your team, our graphic designers will use these items to create mock-ups of what the actual site will look like when completed.   These mock-ups will be available for you to review online but won't be fully functional websites at this stage but rather photoshop renderings.   Creating renderings allow us to make revisions to the design quickly and easily per your feedback with out having to change the code behind the website. During this mock up process will be focused on ensuring your new site will have a defined look and feel to provide a consistent representation of the Company’s image and brand position as well as clear navigation and minimal load times across all screen sizes and devices.  During this phase it is not uncommon to go through several revisions and changes to the mock ups.

Regardless of the level of graphic design you choose we understand that your Internet Solution is a critical component of your corporate image and how you operate your business on a day-to-day basis. 

The video above will help you understand how our custom graphic design services are priced as well as what you can expect during the process. 

DNN Skinning

DNN Skinning And Custom Development

Once your graphic design mock ups are approved our DNN Developers take over and start the process of converting the mockup into a fully functional DNN website. The website will be built at a customer only URL that will allow you to see the project progressing and give feedback as the website takes shape.

What are my next Steps?

If your current DNN website is costing your company money instead of making money, let the Web marketing experts at Foremost Media take your website to the next level, contact us or learn more with these options below.

Contact Us Today See Some DNN Sites Learn More About DNN Learn About Hosting