TWG Development
Multipage Corporate Website
With three main branches of expertise, TWG is a real estate development company specializing in commercial, market rate, affordable, and senior housing developments.
Headquartered in Indianapolis, IN, TWG was formed in 2007 and since then has expanded into over 14 states. As proven leaders in the multifamily space, TWG understands the importance of strong relationships - partnering with private equity groups, lenders, and federal and state agencies to build quality projects and strong foundations for the communities they serve. To date, TWG has transacted over $1.3 billion in development costs and over 7,000 units developed across the country.
Project Type: Multipage Corporate Website
Project Scope: UX/UI Design, Responsive Web Design, Wireframing, Prototyping, Client Presentations
Tools Used: Sketch, InVision, JIRA, Adobe Suites
Goals & Objectives:
Clearly showcase the TWG brand
Organize the various branches of TWG (Development, Management, Construction)
Educational section on affordable housing
Featured communities section
Share latest news via blog
Highlight available careers and benefits
Easily allow users to get in contact
Existing Branding
TWG is proud of their established brand and while they want to update their online presence, they also don’t want to change their brand identity. Utilizing their provided style guide, I created a website to reflect their clean, modern branding.
Research & Strategy
Personas
Speaking with the Chief Expierence Officer at TWG, we identified the audiences would be both developers looking to work with TWG, as well as current and prospective residents of the company. Knowing both our goals and our objectives was key for our design choices. From there, two personas were created.
Creative Planning & Preliminary Sitemap
During the early rounds of project management’s planning and a collaborative discovery call that involves a representative from all the responsible teams (clients, project manager, account manager, designer, developer) a creative brief outlining the project’s strategy, including a preliminary sitemap was created. This R1 sitemap utilizes TWG’s previous website structure as a starting point, with the flexibility to reassess as design rounds continue & clients identify new content or pages they may want to include.
Wireframes & User Flow
Early Explorations of the home page for TWG, plotting elements of design and layout that aligned with goals & objectives, as well as an exploration into the user experience for the communities filtering.
Due to the requirements and limitations of the LeaseLabs CMS, the strategy for utilizing both an angular search functionality with filters that should display an identical list of results meant utilizing landing pages and accounting for them in the user flows.
Micro-Interactions
While designing TWG’s corporate site, I kept in mind micro-interactions to boost engagement and draw attention. Being selective with my usage, I found opportunities to draw attention to certain sections of the site with elements like subtle animated lines, imagery hover states and tool tips on hover to indicate functionality.
High Fidelity Mockups
Designed in sketch and uploaded to Invision, these static comps show the details that our developers followed to bring my designs to life. These are also used to present the designs to the client, as well as gather any potential feedback from them. Once the final product is built in staging and approved, the site is pushed live. You can view the final product below!
Back to all projects.