Finance Management Portal - Site Plan

Course: WDD 131 - Dynamic Web Fundamentals | BYU-Idaho

Author: Tiago Borges

Site Name

Name: SmartFinance Portal

This name reflects a modern, informative platform focused on empowering users with the knowledge and tools they need to manage personal finances effectively!

Site Purpose

The purpose of the site is to provide accessible and actionable financial education to help users budget wisely, save consistently, invest strategically and plan effectively for their financial goals!

Scenarios

How can I create a monthly budget that works for my lifestyle?
What are the best beginner strategies for investing?
How do I set and achieve my long-term financial goals?

Color Schema

Just an example, I´m still thinking about the color palette to be used

#003366 - Used for headers, navigation bar, and accents
#f4f4f4 - Background color for overall layout
#ffffff - Section and card backgrounds
#4CAF50 - Call-to-action buttons and highlights

Typography

Open Sans - Primary font for body text
Roboto Slab - Used for headings and titles

Wireframe

Mobile View

[Header with Logo]

[Navigation Menu - Collapsible]

[Hero Section with Welcome Text]

[Topic Cards: Budgeting | Saving | Investing | Planning]

[Footer with Contact Info]

Desktop View

[Header with Logo and Navigation Bar]

[Wide Hero Section with Welcome Text and CTA]

[Three-column Layout: Topic Summaries with Images]

[Newsletter Signup + Testimonials]

[Footer with Social Links and Contact Info]