diff --git a/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/accounts/AccountsFragment.kt b/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/accounts/AccountsFragment.kt
index 66d67927..e6d25f6d 100644
--- a/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/accounts/AccountsFragment.kt
+++ b/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/accounts/AccountsFragment.kt
@@ -1,14 +1,13 @@
 package org.mifos.mobile.cn.ui.mifos.accounts
 
 import android.os.Bundle
-import android.util.Log
-import androidx.recyclerview.widget.DividerItemDecoration
 import androidx.recyclerview.widget.LinearLayoutManager
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import com.github.therajanmaurya.sweeterror.SweetUIErrorHandler
 import kotlinx.android.synthetic.main.fragment_accounts.*
+import kotlinx.android.synthetic.main.layout_exception_handler.*
 import org.mifos.mobile.cn.R
 import org.mifos.mobile.cn.data.models.accounts.deposit.DepositAccount
 import org.mifos.mobile.cn.data.models.accounts.loan.LoanAccount
@@ -19,7 +18,6 @@ import org.mifos.mobile.cn.ui.base.MifosBaseFragment
 import org.mifos.mobile.cn.ui.utils.ConstantKeys
 import org.mifos.mobile.cn.ui.utils.Network
 import javax.inject.Inject
-import kotlinx.android.synthetic.main.layout_sweet_exception_handler.*
 import org.mifos.mobile.cn.data.models.CheckboxStatus
 import org.mifos.mobile.cn.ui.base.OnItemClickListener
 import org.mifos.mobile.cn.ui.mifos.customerDepositDetails.CustomerDepositDetailsFragment
@@ -115,8 +113,6 @@ class AccountsFragment : MifosBaseFragment(), AccountsContract.View, OnItemClick
         layoutManager.orientation = LinearLayoutManager.VERTICAL
         rv_accounts.layoutManager = layoutManager
         rv_accounts.setHasFixedSize(true)
-        rv_accounts.addItemDecoration(DividerItemDecoration(activity,
-                layoutManager.orientation))
         btn_try_again.setOnClickListener { retry() }
 
         when (accountType) {
@@ -265,4 +261,4 @@ class AccountsFragment : MifosBaseFragment(), AccountsContract.View, OnItemClick
     override fun hideProgress() {
         hideProgressBar()
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/customerAccounts/CustomerAccountFragment.kt b/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/customerAccounts/CustomerAccountFragment.kt
index 36598fc8..f61597e7 100644
--- a/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/customerAccounts/CustomerAccountFragment.kt
+++ b/app/src/main/kotlin/org/mifos/mobile/cn/ui/mifos/customerAccounts/CustomerAccountFragment.kt
@@ -2,6 +2,7 @@ package org.mifos.mobile.cn.ui.mifos.customerAccounts
 
 import android.app.SearchManager
 import android.content.Context
+import android.content.Intent
 import android.os.Bundle
 import androidx.viewpager.widget.ViewPager
 import androidx.appcompat.widget.SearchView
@@ -19,6 +20,7 @@ import org.mifos.mobile.cn.ui.mifos.accounts.AccountsContract
 import org.mifos.mobile.cn.ui.mifos.accounts.AccountsFragment
 import org.mifos.mobile.cn.ui.mifos.accounts.AccountsPresenter
 import org.mifos.mobile.cn.ui.mifos.accountsFilter.AccountsFilterBottomSheet
+import org.mifos.mobile.cn.ui.mifos.loanApplication.loanActivity.LoanApplicationActivity
 import org.mifos.mobile.cn.ui.utils.ConstantKeys
 import org.mifos.mobile.cn.ui.utils.StatusUtils
 import javax.inject.Inject
@@ -93,6 +95,13 @@ class CustomerAccountFragment : MifosBaseFragment(), AccountsContract.View {
             AccountType.LOAN -> viewpager.currentItem = 1
         }
 
+        deposit_toggle_btn.setOnClickListener {
+            viewpager.currentItem = 0
+        }
+        loan_toggle_btn.setOnClickListener {
+            viewpager.currentItem = 1
+        }
+
         tabs.setupWithViewPager(viewpager)
         viewpager.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
             override fun onPageScrolled(position: Int, positionOffset: Float,
@@ -157,12 +166,19 @@ class CustomerAccountFragment : MifosBaseFragment(), AccountsContract.View {
     override fun onCreateOptionsMenu(menu: Menu?, inflater: MenuInflater?) {
         inflater?.inflate(R.menu.menu_account, menu)
         if (viewpager.currentItem == 1) {
+            loan_toggle_focus_btn.visibility = View.VISIBLE
+            deposit_toggle_focus_btn.visibility = View.GONE
+            iv_apply_for_loan.visibility = View.VISIBLE
+            applyForLoan()
             menu?.findItem(R.id.menu_filter_loan)?.isVisible = true
             menu?.findItem(R.id.menu_filter_deposit)?.isVisible = false
             menu?.findItem(R.id.menu_search_loan)?.isVisible = true
             menu?.findItem(R.id.menu_search_deposit)?.isVisible = false
             initSearch(menu!!, AccountType.LOAN)
         } else if (viewpager.currentItem == 0) {
+            deposit_toggle_focus_btn.visibility = View.VISIBLE
+            loan_toggle_focus_btn.visibility = View.GONE
+            iv_apply_for_loan.visibility = View.GONE
             menu?.findItem(R.id.menu_filter_loan)?.isVisible = false
             menu?.findItem(R.id.menu_filter_deposit)?.isVisible = true
             menu?.findItem(R.id.menu_search_deposit)?.isVisible = true
@@ -173,6 +189,14 @@ class CustomerAccountFragment : MifosBaseFragment(), AccountsContract.View {
 
     }
 
+    private fun applyForLoan() {
+        iv_apply_for_loan.setOnClickListener(View.OnClickListener {
+            val intent = Intent(activity, LoanApplicationActivity::class.java)
+            intent.putExtra(ConstantKeys.CUSTOMER_IDENTIFIER, "customer_identifier")
+            startActivity(intent)
+        })
+    }
+
     override fun onOptionsItemSelected(item: MenuItem?): Boolean {
         when (item?.itemId) {
             R.id.menu_filter_loan -> showFilterDialog(AccountType.LOAN)
@@ -267,4 +291,4 @@ class CustomerAccountFragment : MifosBaseFragment(), AccountsContract.View {
         (activity as MifosBaseActivity).setToolbarElevation()
     }
 
-}
\ No newline at end of file
+}
diff --git a/app/src/main/res/drawable/more_icon.png b/app/src/main/res/drawable/more_icon.png
new file mode 100644
index 00000000..82f45f34
Binary files /dev/null and b/app/src/main/res/drawable/more_icon.png differ
diff --git a/app/src/main/res/drawable/rounded_shape.xml b/app/src/main/res/drawable/rounded_shape.xml
new file mode 100644
index 00000000..44524075
--- /dev/null
+++ b/app/src/main/res/drawable/rounded_shape.xml
@@ -0,0 +1,13 @@
+<shape
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <solid
+        android:color="@color/white">
+    </solid>
+
+    <corners
+        android:radius="30dp">
+    </corners>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_accounts.xml b/app/src/main/res/layout/fragment_accounts.xml
index 0d2e38cc..9616c68a 100644
--- a/app/src/main/res/layout/fragment_accounts.xml
+++ b/app/src/main/res/layout/fragment_accounts.xml
@@ -2,7 +2,6 @@
 <androidx.coordinatorlayout.widget.CoordinatorLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:background="@android:color/white"
     android:layout_height="match_parent"
     android:layout_width="match_parent">
 
@@ -30,7 +29,9 @@
                 layout="@layout/layout_sweet_exception_handler"
                 android:id="@+id/layout_error"
                 android:visibility="gone"/>
+
         </LinearLayout>
+
     </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
 
 </androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_client_accounts.xml b/app/src/main/res/layout/fragment_client_accounts.xml
index 70b5ceb5..e721cd3e 100644
--- a/app/src/main/res/layout/fragment_client_accounts.xml
+++ b/app/src/main/res/layout/fragment_client_accounts.xml
@@ -1,38 +1,187 @@
-<androidx.coordinatorlayout.widget.CoordinatorLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
-    android:layout_height="match_parent">
+    android:layout_height="match_parent"
+    android:background="@color/violet">
 
-    <com.google.android.material.appbar.AppBarLayout
+    <RelativeLayout
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
+        android:layout_height="@dimen/layout_padding_100dp">
 
-        <com.google.android.material.tabs.TabLayout
-            android:id="@+id/tabs"
+        <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            app:tabGravity="fill"
-            app:tabIndicatorColor="@color/white"
-            app:tabMode="fixed"/>
-    </com.google.android.material.appbar.AppBarLayout>
+            android:layout_centerVertical="true"
+            android:layout_marginLeft="@dimen/layout_padding_30dp"
+            android:fontFamily="@font/airbnb_cereal_book"
+            android:text="@string/accounts"
+            android:textColor="@color/white"
+            android:textSize="30sp"
+            android:textStyle="bold" />
 
-    <androidx.viewpager.widget.ViewPager
-        android:id="@+id/viewpager"
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
+        <ImageView
+            android:id="@+id/iv_apply_for_loan"
+            android:layout_width="@dimen/layout_padding_30dp"
+            android:layout_height="@dimen/layout_padding_30dp"
+            android:layout_alignParentRight="true"
+            android:layout_centerVertical="true"
+            android:layout_marginRight="@dimen/layout_padding_30dp"
+            android:src="@drawable/more_icon"
+            android:visibility="gone" />
+
+    </RelativeLayout>
 
-    <com.google.android.material.floatingactionbutton.FloatingActionButton
-        android:layout_width="wrap_content"
+    <com.google.android.material.card.MaterialCardView
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_gravity="end|bottom"
-        android:layout_margin="@dimen/margin_16dp"
-        android:clickable="true"
-        android:visibility="gone"
-        android:id="@+id/fab_create_loan"
-        app:layout_behavior="org.mifos.mobile.cn.ui.utils.ScrollFabBehaviour"
-        app:srcCompat="@drawable/ic_add_white_24dp"/>
-
-</androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
+        android:layout_marginTop="@dimen/layout_padding_100dp"
+        android:layout_marginBottom="@dimen/layout_padding_n40dp"
+        android:backgroundTint="@color/offwhite"
+        app:cardCornerRadius="@dimen/layout_dimen_40dp">
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="@dimen/layout_padding_25dp"
+            android:orientation="horizontal">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_centerInParent="true">
+
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:paddingRight="@dimen/layout_padding_12dp">
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/deposit_toggle_btn"
+                        style="@style/AppTheme.RoundedCornerMaterialButton"
+                        android:layout_width="@dimen/layout_padding_130dp"
+                        android:layout_height="wrap_content"
+                        android:backgroundTint="@color/white"
+                        android:fontFamily="@font/productsans"
+                        android:text="@string/deposit"
+                        android:textAllCaps="false"
+                        android:textColor="@color/foreground_text_btn"
+                        android:textSize="@dimen/text_size_16sp"
+                        app:cornerRadius="@dimen/layout_padding_50dp" />
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:paddingLeft="@dimen/layout_padding_12dp">
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/loan_toggle_btn"
+                        style="@style/AppTheme.RoundedCornerMaterialButton"
+                        android:layout_width="@dimen/layout_padding_130dp"
+                        android:layout_height="wrap_content"
+                        android:backgroundTint="@color/white"
+                        android:fontFamily="@font/productsans"
+                        android:text="@string/loan"
+                        android:textAllCaps="false"
+                        android:textColor="@color/foreground_text_btn"
+                        android:textSize="@dimen/text_size_16sp"
+                        app:cornerRadius="@dimen/layout_padding_50dp" />
+
+                </LinearLayout>
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_centerInParent="true">
+
+                <RelativeLayout
+                    android:layout_width="@dimen/layout_padding_0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:paddingRight="@dimen/layout_padding_12dp">
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/deposit_toggle_focus_btn"
+                        style="@style/AppTheme.RoundedCornerMaterialButton"
+                        android:layout_width="@dimen/layout_padding_130dp"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentRight="true"
+                        android:backgroundTint="@color/violet"
+                        android:fontFamily="@font/productsans"
+                        android:text="@string/deposit"
+                        android:textAllCaps="false"
+                        android:textColor="@color/white"
+                        android:textSize="@dimen/text_size_16sp"
+                        app:cornerRadius="@dimen/layout_padding_50dp" />
+
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="@dimen/layout_padding_0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:paddingLeft="@dimen/layout_padding_12dp">
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/loan_toggle_focus_btn"
+                        style="@style/AppTheme.RoundedCornerMaterialButton"
+                        android:layout_width="@dimen/layout_padding_130dp"
+                        android:layout_height="wrap_content"
+                        android:backgroundTint="@color/violet"
+                        android:fontFamily="@font/productsans"
+                        android:text="@string/loan"
+                        android:textAllCaps="false"
+                        android:textColor="@color/white"
+                        android:textSize="@dimen/text_size_16sp"
+                        android:visibility="gone"
+                        app:cornerRadius="@dimen/layout_padding_50dp" />
+
+                </RelativeLayout>
+
+            </LinearLayout>
+
+        </RelativeLayout>
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="@dimen/layout_padding_50dp"
+            android:backgroundTint="@color/white"
+            android:visibility="gone">
+
+            <com.google.android.material.tabs.TabLayout
+                android:id="@+id/tabs"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                app:tabGravity="fill"
+                app:tabIndicatorColor="@color/white"
+                app:tabMode="fixed" />
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.viewpager.widget.ViewPager
+            android:id="@+id/viewpager"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_marginTop="@dimen/layout_padding_100dp"
+            android:backgroundTint="@color/offwhite"
+            android:padding="@dimen/layout_padding_10dp"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+        <com.google.android.material.floatingactionbutton.FloatingActionButton
+            android:id="@+id/fab_create_loan"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="end|bottom"
+            android:layout_margin="@dimen/margin_16dp"
+            android:clickable="true"
+            android:visibility="gone"
+            app:layout_behavior="org.mifos.mobile.cn.ui.utils.ScrollFabBehaviour"
+            app:srcCompat="@drawable/ic_add_white_24dp" />
+
+    </com.google.android.material.card.MaterialCardView>
+
+</androidx.coordinatorlayout.widget.CoordinatorLayout>
diff --git a/app/src/main/res/layout/fragment_view_scan_card.xml b/app/src/main/res/layout/fragment_view_scan_card.xml
index c0184489..1be44413 100644
--- a/app/src/main/res/layout/fragment_view_scan_card.xml
+++ b/app/src/main/res/layout/fragment_view_scan_card.xml
@@ -13,7 +13,6 @@
         android:layout_height="match_parent"
         android:layout_width="match_parent"
         android:scaleType="fitCenter"
-        android:visibility="visible"
-        />
+        android:visibility="visible" />
 
 </androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_customer_deposit_accounts.xml b/app/src/main/res/layout/item_customer_deposit_accounts.xml
index e9c65169..5d4a7bd7 100644
--- a/app/src/main/res/layout/item_customer_deposit_accounts.xml
+++ b/app/src/main/res/layout/item_customer_deposit_accounts.xml
@@ -1,76 +1,101 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout
-    android:id="@+id/ll_deposit_accounts"
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    android:clickable="true"
-    android:foreground="?android:attr/selectableItemBackground"
-    android:layout_height="wrap_content"
+    android:id="@+id/ll_deposit_accounts"
     android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:foreground="?android:attr/selectableItemBackground"
     android:orientation="vertical">
 
-    <LinearLayout
-        android:layout_height="wrap_content"
+    <com.google.android.material.card.MaterialCardView
         android:layout_width="match_parent"
-        android:orientation="horizontal">
+        android:layout_height="@dimen/layout_padding_70dp"
+        android:layout_marginLeft="@dimen/layout_padding_20dp"
+        android:layout_marginRight="@dimen/layout_padding_20dp"
+        android:layout_marginBottom="@dimen/layout_padding_10dp"
+        android:backgroundTint="@color/white"
+        app:cardCornerRadius="@dimen/layout_corner_radius_10dp">
 
-        <androidx.appcompat.widget.AppCompatImageView
-            android:id="@+id/iv_status_indicator"
-            android:layout_height="match_parent"
-            android:layout_marginBottom="@dimen/default_margin"
-            android:layout_marginTop="@dimen/default_margin"
-            android:layout_width="@dimen/side_bar_width"
-            app:srcCompat="@drawable/round_corner"/>
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
+
+            <androidx.appcompat.widget.AppCompatImageView
+                android:id="@+id/iv_status_indicator"
+                android:layout_width="@dimen/side_bar_width"
+                android:layout_height="@dimen/layout_padding_48dp"
+                android:layout_centerVertical="true"
+                app:srcCompat="@drawable/round_corner" />
+
+        </RelativeLayout>
 
         <LinearLayout
+            android:id="@+id/ll_customer_deposit_accounts"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:layout_width="0dp"
-            android:orientation="vertical"
-            android:padding="@dimen/layout_padding_24dp">
-
-            <TextView
-                style="@style/Base.TextAppearance.AppCompat.Body1"
-                android:layout_height="match_parent"
-                android:layout_width="match_parent"
-                android:text="@string/account_identifier"/>
+            android:orientation="horizontal">
 
-            <TextView
-                android:ellipsize="end"
-                android:id="@+id/tv_customer_account_identifier"
+            <LinearLayout
+                android:layout_width="@dimen/layout_padding_0dp"
                 android:layout_height="wrap_content"
-                android:layout_width="wrap_content"
-                android:lines="1"
-                android:textColor="@color/black"
-                android:textSize="@dimen/text_medium"
-                tools:text="Deposit Identifier"/>
+                android:layout_weight="1"
+                android:orientation="vertical"
+                android:paddingLeft="@dimen/layout_padding_10dp"
+                android:paddingTop="@dimen/layout_padding_12dp"
+                android:paddingRight="@dimen/layout_padding_24dp"
+                android:paddingBottom="@dimen/layout_padding_10dp">
+
+                <!--
+                The following TextViews have visibility as GONE because the redesign
+                branch doesn't need them but the backend requires them to exist at
+                least.
+                -->
+
+                <TextView
+                    style="@style/Base.TextAppearance.AppCompat.Body1"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:text="@string/account_identifier"
+                    android:visibility="gone" />
+
+                <TextView
+                    android:id="@+id/tv_customer_account_identifier"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:ellipsize="end"
+                    android:fontFamily="@font/productsans"
+                    android:lines="1"
+                    android:textColor="@color/black"
+                    android:textSize="@dimen/text_size_18sp"
+                    tools:text="Deposit Identifier" />
+
+                <TextView
+                    android:id="@+id/tv_deposit_product"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/productsans"
+                    android:textColor="@color/gray_dark"
+                    android:textSize="@dimen/text_size_15sp"
+                    tools:text="Deposit Product" />
+
+            </LinearLayout>
 
             <TextView
-                android:id="@+id/tv_deposit_product"
-                android:layout_height="wrap_content"
+                android:id="@+id/tv_account_balance"
                 android:layout_width="wrap_content"
-                android:textColor="@color/gray_dark"
-                android:textSize="@dimen/text_small"
-                tools:text="Deposit Product"/>
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginEnd="@dimen/layout_padding_24dp"
+                android:layout_marginRight="@dimen/layout_padding_24dp"
+                android:fontFamily="@font/airbnb_cereal_book"
+                android:textColor="@color/violet"
+                android:textSize="@dimen/text_size_25sp"
+                android:textStyle="bold"
+                tools:text="@string/thirty_dollars" />
 
         </LinearLayout>
 
-        <TextView
-            android:id="@+id/tv_account_balance"
-            android:layout_gravity="center"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="@dimen/layout_padding_24dp"
-            android:layout_marginRight="@dimen/layout_padding_24dp"
-            android:layout_width="wrap_content"
-            android:textSize="@dimen/text_medium"
-            tools:text="Amount"/>
-
-    </LinearLayout>
-
-    <View
-        android:layout_width="match_parent"
-        android:layout_height="0.2dp"
-        android:background="#E7DFDF"/>
+    </com.google.android.material.card.MaterialCardView>
 
-</LinearLayout>
\ No newline at end of file
+</LinearLayout>
diff --git a/app/src/main/res/layout/item_customer_loans.xml b/app/src/main/res/layout/item_customer_loans.xml
index 1905331e..60440908 100644
--- a/app/src/main/res/layout/item_customer_loans.xml
+++ b/app/src/main/res/layout/item_customer_loans.xml
@@ -1,77 +1,111 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout
-    android:id="@+id/ll_loan_accounts"
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    android:clickable="true"
-    android:focusable="true"
-    android:foreground="?android:attr/selectableItemBackground"
-    android:layout_height="wrap_content"
+    android:id="@+id/ll_loan_accounts"
     android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:foreground="?android:attr/selectableItemBackground"
     android:orientation="vertical">
-    <LinearLayout
-        android:id="@+id/ll_customer_deposit_accounts"
-        android:layout_height="wrap_content"
+
+    <com.google.android.material.card.MaterialCardView
         android:layout_width="match_parent"
-        android:orientation="horizontal">
+        android:layout_height="@dimen/layout_padding_70dp"
+        android:layout_marginLeft="@dimen/layout_padding_20dp"
+        android:layout_marginRight="@dimen/layout_padding_20dp"
+        android:layout_marginBottom="@dimen/layout_padding_10dp"
+        android:backgroundTint="@color/white"
+        app:cardCornerRadius="@dimen/layout_corner_radius_10dp">
 
-        <androidx.appcompat.widget.AppCompatImageView
-            android:id="@+id/iv_status_indicator"
-            android:layout_height="match_parent"
-            android:layout_marginBottom="@dimen/default_margin"
-            android:layout_marginTop="@dimen/default_margin"
-            android:layout_width="@dimen/side_bar_width"
-            app:srcCompat="@drawable/round_corner"/>
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
+
+            <androidx.appcompat.widget.AppCompatImageView
+                android:id="@+id/iv_status_indicator"
+                android:layout_width="@dimen/side_bar_width"
+                android:layout_height="@dimen/layout_padding_48dp"
+                android:layout_centerVertical="true"
+                app:srcCompat="@drawable/round_corner" />
+
+        </RelativeLayout>
 
         <LinearLayout
+            android:id="@+id/ll_customer_deposit_accounts"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_weight="1"
-            android:layout_width="0dp"
-            android:orientation="vertical"
-            android:padding="@dimen/layout_padding_24dp">
+            android:orientation="horizontal">
 
-            <TextView
-                android:id="@+id/tv_loan_identifier"
-                style="@style/Base.TextAppearance.AppCompat.Medium"
-                android:layout_height="match_parent"
-                android:layout_width="match_parent"
-                tools:text="Loan Identifier"
-                android:textColor="@color/black"/>
-
-            <TextView
-                style="@style/Base.TextAppearance.AppCompat.Small"
-                android:ellipsize="end"
-                android:id="@+id/tv_modified_by"
+            <LinearLayout
+                android:layout_width="@dimen/layout_padding_0dp"
                 android:layout_height="wrap_content"
-                android:layout_width="wrap_content"
-                android:lines="1"
-                tools:text="Last modified by: rajan"/>
+                android:layout_weight="1"
+                android:orientation="vertical"
+                android:paddingLeft="@dimen/layout_padding_10dp"
+                android:paddingTop="@dimen/layout_padding_12dp"
+                android:paddingRight="@dimen/layout_padding_24dp"
+                android:paddingBottom="@dimen/layout_padding_10dp">
+
+                <TextView
+                    android:id="@+id/tv_loan_identifier"
+                    style="@style/Base.TextAppearance.AppCompat.Medium"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:fontFamily="@font/productsans"
+                    android:textColor="@color/black"
+                    android:textSize="@dimen/text_18_sp"
+                    tools:text="Loan Identifier" />
+
+                <TextView
+                    style="@style/TextAppearance.AppCompat.Small"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/productsans"
+                    android:textSize="@dimen/text_size_15sp"
+                    tools:text="due date: 1st Jan" />
+
+                <!--
+                The following TextViews have visibility as GONE because the redesign
+                branch doesn't need them but the backend requires them to exist at
+                least.
+                -->
+
+                <TextView
+                    android:id="@+id/tv_modified_by"
+                    style="@style/Base.TextAppearance.AppCompat.Small"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:ellipsize="end"
+                    android:lines="1"
+                    android:visibility="gone"
+                    tools:text="Last modified by: rajan" />
+
+                <TextView
+                    android:id="@+id/tv_modified_on"
+                    style="@style/Base.TextAppearance.AppCompat.Small"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:visibility="gone"
+                    tools:text="Last modified on: 12 Aug 2017" />
+
+            </LinearLayout>
 
             <TextView
-                style="@style/Base.TextAppearance.AppCompat.Small"
-                android:id="@+id/tv_modified_on"
-                android:layout_height="wrap_content"
+                android:id="@+id/tv_account_balance"
                 android:layout_width="wrap_content"
-                tools:text="Last modified on: 12 Aug 2017"/>
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginEnd="@dimen/layout_padding_24dp"
+                android:layout_marginRight="@dimen/layout_padding_24dp"
+                android:fontFamily="@font/airbnb_cereal_book"
+                android:textColor="@color/violet"
+                android:textSize="@dimen/text_size_25sp"
+                android:textStyle="bold"
+                tools:text="@string/thirty_dollars" />
 
         </LinearLayout>
 
-        <TextView
-            android:id="@+id/tv_account_balance"
-            android:layout_gravity="center"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="@dimen/layout_padding_24dp"
-            android:layout_marginRight="@dimen/layout_padding_24dp"
-            android:layout_width="wrap_content"
-            android:textSize="@dimen/text_medium"
-            tools:text="Amount"/>
-
-    </LinearLayout>
-
-    <View
-        android:layout_width="match_parent"
-        android:layout_height="0.2dp"
-        android:background="#E7DFDF"/>
+    </com.google.android.material.card.MaterialCardView>
 
-</LinearLayout>
\ No newline at end of file
+</LinearLayout>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index bf778ce8..77f31a9c 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -1,18 +1,27 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
+    <dimen name="layout_padding_n40dp">-40dp</dimen>
+    <dimen name="layout_padding_0dp">0dp</dimen>
     <dimen name="layout_padding_2dp">2dp</dimen>
     <dimen name="layout_padding_4dp">4dp</dimen>
     <dimen name="layout_padding_8dp">8dp</dimen>
     <dimen name="layout_padding_5dp">5dp</dimen>
     <dimen name="layout_padding_7dp">7dp</dimen>
     <dimen name="layout_padding_10dp">10dp</dimen>
+    <dimen name="layout_padding_12dp">12dp</dimen>
     <dimen name="layout_padding_15dp">15dp</dimen>
     <dimen name="layout_padding_16dp">16dp</dimen>
+    <dimen name="layout_padding_20dp">20dp</dimen>
     <dimen name="layout_padding_24dp">24dp</dimen>
+    <dimen name="layout_padding_25dp">25dp</dimen>
     <dimen name="layout_padding_30dp">30dp</dimen>
     <dimen name="layout_padding_50dp">50dp</dimen>
     <dimen name="layout_padding_64dp">64dp</dimen>
+    <dimen name="layout_padding_70dp">70dp</dimen>
     <dimen name="layout_padding_75dp">75dp</dimen>
+    <dimen name="layout_padding_100dp">100dp</dimen>
+    <dimen name="layout_padding_130dp">130dp</dimen>
+
     <!-- Default screen margins, per the Android Design guidelines. -->
     <dimen name="activity_horizontal_margin">16dp</dimen>
     <dimen name="activity_vertical_margin">16dp</dimen>
@@ -25,9 +34,12 @@
     <dimen name="text_size_12sp">12sp</dimen>
     <dimen name="text_18_sp">18sp</dimen>
     <dimen name="text_size_14sp">14sp</dimen>
+    <dimen name="text_size_15sp">15sp</dimen>
     <dimen name="text_size_16sp">16sp</dimen>
     <dimen name="text_size_18sp">18sp</dimen>
     <dimen name="text_size_20sp">20sp</dimen>
+    <dimen name="text_size_25sp">25sp</dimen>
+    <dimen name="text_size_35sp">35sp</dimen>
     <!-- Dimen values for text size -->
     <dimen name="text_headline">24sp</dimen>
     <dimen name="text_large">20sp</dimen>
@@ -46,7 +58,9 @@
     <dimen name="header_view_end_margin_left">40dp</dimen>
     <dimen name="header_view_end_margin_right">14dp</dimen>
     <dimen name="header_view_start_margin_bottom">14dp</dimen>
+    <dimen name="layout_dimen_40dp">40dp</dimen>
+    <dimen name="layout_corner_radius_10dp">10dp</dimen>
 
     <dimen name="view_line_height">1dp</dimen>
     <dimen name="layout_padding_48dp">48dp</dimen>
-</resources>
\ No newline at end of file
+</resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index fd45a34e..650d2de8 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -50,6 +50,7 @@
     <string name="contact_email">support@mifos.org</string>
     <string name="help_line_number">8000000000</string>
     <string name="need_help">Contact Us</string>
+    <string name="thirty_dollars">$30</string>
 
 
     <!--Menu Nav drawer-->
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 2e27cfe8..70357779 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -68,5 +68,8 @@
         <item name="android:padding">@dimen/layout_padding_7dp</item>
     </style>
 
+    <style name="AppTheme.RoundedCornerMaterialButton" parent="Widget.AppCompat.Button.Colored">
+        <item name="android:background">@drawable/rounded_shape</item>
+    </style>
 
 </resources>