How to create a website with memboGo
Whether your nonprofit needs to revamp its website or create its very first site, getting there takes time and organization. Based on our experience with different types of organizations, we've identified the steps to efficiently creating a website.
In this article, we’ll explain what you should prepare ahead of time, where to start with the Website application and how to effectively collaborate with our team of memboGo experts if you've taken advantage of our onboarding service. (Learn more about the service here.)
Start with the website structure
GATHER YOUR CONTENTThe first step is to prepare a tree diagram describing the information structure for your site. Think about your organization’s mission and the objectives for your site (Do you want to recruit new members? Get more donations?). This will help you to determine the most relevant content to incorporate, whether it's text, visual elements or website functionalities. Our article on creating a website for your NGO in five simple steps describes why this step is important and how to go about it.
IDENTIFY THE NECESSARY FUNCTIONALITIESThink about the features that you need. You can, for example, promote your events and latest news, add a member section, display a member directory with georeferencing, add forms or implement a donation campaign.
CREATE A PROTOTYPE FOR YOUR SITEOnce you've made your tree diagram and determined your content and functionalities, you can start building your site. In the Website application, click on “Add a Website.” You can then choose to use an existing template (see the list of templates available in memboGo) or a blank template. If you're working with our onboarding team or a web designer or integrator, we recommend partnering with a web integrator because it will be easier to determine where to place each section and personalize your site so that it best reflects your organization.
SET UP THE MASTER PAGEThink about the structure of your pages: the number of columns they should contain, the position of your navigation menu and the sections that will flow from one page to another. For example, the website header will be the same on all of your website's pages. Your logo, member login, social media accounts, language selector and menu will also appear on every page. The same goes for your footer which is where you can add your contact information or a form to subscribe to your newsletter, for example.
To avoid having to manually configure these sections on each of the pages, we suggest working with a master page. This will automatically be used for the pages concerned in the desired page structure and repeated elements. To learn how to configure your master page, consult our article on how master pages work in memboGo.
CREATE YOUR PAGESOnce your master page is complete, you can begin creating web pages and adding content, as well as the functionalities that you determined when structuring your website, using memboGo modules. A module is a graphic component that manages one or more advanced functions in memboGo. No technical knowledge is needed. Everything is done automatically and each module can be configured according to your needs. For example, with our Member Directory module, our system calls up the information and automatically generates the member list on your site.
To determine which module you should use each for each functionality, consult the list of our modules available for the Website application.
CONFIGURE THE MODULE CONTENTSome content used by the modules needs to be configured outside of the web pages. For example, to display your news, you must create articles. To learn how to create news articles, consult our article on how to use the article creation tool. The same goes for your events: you must create them in the Events application and, to create a member directory, you must add members in the Members application.
You will then be able to view your prototype online.
Dress up your website
CHOOSE YOUR DESIGNAfter adding content and functionalities to your site, you can begin the design process. If you didn't use a template, you can call on a designer to help. The designer will start by designing static mockups so that you get an overall idea of how it will look, whether it reflects your visual identity and the user experience associated with your website. The designer can also develop a style guide to determine the title hierarchy, the different button states (for example, how it reacts when the mouse glides over it) and the colors and typography to be used. This will create uniformity throughout the site and ensure that it respects your NPO's visual identity.
INTEGRATE YOUR DESIGN INTO THE SITEWith your personalized website design in hand, an integrator will take care of reproducing the design in HTML. The integrator should make sure that the site is responsive, meaning that it adapts to different web platforms and all screen types. To add graphic elements yourself, consult our article on personalized page layouts.
Lastly, make your site come alive!You now have a website that will allow people to find you online, learn more about your NPO and help you reach your objectives. All that remains to be done is to breathe some life into it by adding your news, events, new members and campaigns. Also make sure to link your website to the management tools integrated in memboGo to automate administrative tasks, and let memboGo do the work for you! You can learn more about how memboGo connects the Website application with the Members, Events, Donations and CRM applications by reading this article.
Want to learn more about our methodology for creating a website efficiently? Or would you like to know more about our personalized onboarding service for memboGo users? Contact us today!