OverviewThe Next Chapter Group website promotes Realtor services by Ryan Smith, a Realtor for SW Washington State and Portland Oregon communities. I was the sole designer and developer for this project.
- To design responsive, professional Realtor’s website that would match that of the local competition. The design needed to incorporate and reflect the Next Chapter Group logo and brand that was already available.
- To develop the website based on the design within a content management system that has an automatic RMLS property feed of homes in the market in the targeted area.
- Becoming familiar with local Realtor and Real Estate websites and what they have in common.
- Selecting a Content Management System (CMS) that would best support Ryan and will provide plugins for dynamic components to optimize development time.
- Choosing an Internet Data Display (IDX) service for feeding real estate listings to the website. We needed and IDX service that’s affordable, reliable, easy to implement, supports our desired CMS, and agile enough for me to make style changes to it.
- Completing the entire project within 5 months on a part-time schedule.
In the beginning, all I had to work with was a logo to help me come up with a color and font scheme. I also began competitive analysis research of other local Realtor and real estate websites. This helped develop a navigation and content strategy for the website. I worked on the overall design by drafting high-fidelity wireframes in Adobe XD to present to the client. I also used the wireframes as a style guide in the development phase. The website design exceeded the client’s expectations.
The website was launched on time, and Ryan was more than pleased with how it looked and how easy it was for him to add content. I had a lot of fun with this project because it was an end-to-end project where I had complete creative freedom with branding, based off of an existing logo. I also became more familiar with developing custom themes within WordPress.
Website template wireframes
Templates and components were drafted within high-fidelity wireframes with placeholder imagery and text. I began working on the smaller screen size and moved forward into tablet/desktop view. I also focused on font, color and other branding elements of the website through these wireframes to determine the voice and personality of the website.