{"id":686,"date":"2016-10-28T10:56:08","date_gmt":"2016-10-28T18:56:08","guid":{"rendered":"http:\/\/undebt.it\/blog\/?p=686"},"modified":"2021-02-16T15:30:47","modified_gmt":"2021-02-16T23:30:47","slug":"undebt-version-4-redesign-preview","status":"publish","type":"post","link":"https:\/\/undebt.it\/blog\/undebt-version-4-redesign-preview\/","title":{"rendered":"Undebt.it Version #4 Redesign Preview"},"content":{"rendered":"

Redesign Background<\/h2>\n

Over the past two months I’ve been hard at work developing the next version of Undebt.it and I’m happy to announce that it’s finally ready to go. Much of the feedback I’ve received had to do with streamlining & consolidating the pages and making it work even better on mobile devices so I’ve made those two areas the main focus of the redesign. The biggest design change in this version is the use of a “front-end” and “back-end” type design. What this means is there are two different themes in place, one for the general content, like the main page and How Undebt.it Works<\/em> page and another theme for the guts of the site, like the Dashboard<\/em> and Snowball Table<\/em> pages. Of course, there’s also a new logo and color scheme too.<\/p>\n

\"new<\/a><\/p>\n

New Stuff on the Navbar<\/h2>\n

Here’s an example of the new statbar on the top of the navbar on the back-end pages. Much of the information is the same as the current site, but there are some cool, new features. The blue bars in the picture represent your total monthly balance for the last twelve months. You can quickly see how you’re doing overall with this graph. The other new feature is the calendar icon with the number in the circle. I call this the “quick look” and it shows you how many debts (& bills if you have it turned on) you have due within a week. There’s a similar looking pulldown on the front-end pages too.<\/p>\n\n\n\n
\n

\"New<\/a>
New statbar desgin<\/figcaption><\/figure><\/td>\n
\n

\"Quick<\/a>
Quick look pulldown menu<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Bonus Stuff on the Right Sidebar<\/h2>\n

For the Undebt.it+ members, there’s also a quick look right-sidebar. At the far top-right of the screen, you’ll see a box with an arrow in it; this is the toggle for the right sidebar. The sidebar has two columns right now, one that shows you a complete list of your debts and bills grouped together by due date and the other column shows you a list of all of your recent transactions (paying debts & bills). Let me know if you have any ideas for more content on these menus.<\/p>\n\n\n\n
\n

\"quick<\/a>
Quick look sidebar (all accounts)<\/figcaption><\/figure><\/td>\n
\n

\"quick<\/a>
Quick look sidebar (all activity)<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Dashboard Changes<\/h2>\n

The main change is that it’s called the “Dashboard” instead of the “Debt Dashboard”. If you use the bill management module, you’ll see debts and bills combined onto one page rather their own dashboard. Note that the debt accounts are in due date “buckets” like the bills. I’m planning on making the buckets user-selectable in the future.<\/p>\n

\"The<\/a>
The new dashboard<\/figcaption><\/figure>\n

The Account List<\/h2>\n

Like the Dashboard, the account list pages have been consolidated into one page. Debts & bills on the same page, easily add new accounts. Not much else new on this page.<\/p>\n\n\n\n\n
\n

\"account<\/a>
Debts accounts<\/figcaption><\/figure><\/td>\n<\/tr>\n
\n

\"bill<\/a>
Bill accounts on the same page<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Account Details<\/h2>\n

The left sidebar has some nice changes too. The debt account list shows the balance, amount due and payoff progress. Also note the green checkmark on one of the accounts – this indicates that the account was paid off this month. The bill list shows the amount due and due date.<\/p>\n

The details pages for debts and bills has been revamped to quickly show account history with an inline bar graph. The graph is an Undebt.it+ feature and shows a running monthly history of up to two years. The up\/down arrows next to the account balance show if the balance has gone up versus last month. Hover your mouse over the arrow and you’ll see a popover message like the one below.<\/p>\n\n\n\n
\n

\"left<\/a>
Left sidebar debt info<\/figcaption><\/figure><\/td>\n
\n

\"left<\/a>
Left sidebar bill info<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n
\n

\"debt<\/a>
Debt details & history<\/figcaption><\/figure><\/td>\n<\/tr>\n
\n

\"bill<\/a>
Bill details & history<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Wrapping it up<\/h2>\n

That just about covers all of the changes in the fourth generation of Undebt.it. I’m doing the final testing now and hope to have it all switched over this weekend. If you’d like to test it out, just use one of the contact forms or message me on social media. I hope you like all of the changes.<\/p>\n","protected":false},"excerpt":{"rendered":"

Redesign Background Over the past two months I’ve been hard at work developing the next version of Undebt.it and I’m happy to announce that it’s finally ready to go. Much of the feedback I’ve received had to do with streamlining & consolidating the pages and making it work even better on mobile devices so I’ve […]<\/p>\n","protected":false},"author":1,"featured_media":687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"rank_math_title":"","rank_math_description":"Undebt.it had a major facelift in 2016. This post goes over the new layout and features of the redesigned website.","rank_math_facebook_title":"Undebt.it 2016 Redesign Preview","rank_math_facebook_description":"This post goes over the new layout and features of the redesign.","rank_math_twitter_title":"Undebt.it 2016 Redesign Preview","rank_math_twitter_description":"Undebt.it had a major facelift in 2016. This post goes over the new layout and features of the redesigned website.","rank_math_twitter_use_facebook":"off","rank_math_canonical_url":"","rank_math_focus_keyword":"","_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[8],"tags":[16],"class_list":["post-686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features","tag-redesign"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"jetpack_shortlink":"https:\/\/wp.me\/p3b4HR-b4","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/undebt.it\/blog\/wp-content\/uploads\/2016\/10\/statbar.png","_links":{"self":[{"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/posts\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":15,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"predecessor-version":[{"id":1693,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/posts\/686\/revisions\/1693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/media\/687"}],"wp:attachment":[{"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/undebt.it\/blog\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}