StratPlan

Developer: Jhoan Trujillo

Introduction

StratPlan is a static website designed to mimic the user experience of contracting companies. As a fictitious project management firm, StratPlan offers a range of talented professionals available for hire. Clients can browse through a portfolio of skilled project managers, consultants, and team members. With a client-centric approach, attention to detail, and a commitment to on-time, on-budget delivery, StratPlan ensures a seamless and successful project execution.

Table Of Content

1. Project Goals
   • Site Owner Goals
2. User Experience
   • Target Audience
   • Requirements
   • User Stories
3. Design Principels
   • Fonts
   • Color Scheme & Accessibility
   • Imagery
4. Technology Used
   • languages
   • Tools
5. Wireframe
6. Features
   • Home Page
   • Talent
   • Consultation
7. Testing
8. Deployment
9. Credits

Project Goals

Through a user-friendly interface, the website emphasizes StratPlan's reliability as a trusted partner for project management needs. It conveys a sense of professionalism and expertise, assuring potential clients that their projects will be handled with utmost care and competence.

The website Should showcase StratPlan as a reliable, serious, and approachable project management company.

Site Owner Goals

As site owner for StratPlan, there is a couple of requirements for the site:

• Create an engaging and user-friendly platform.
• Showcase a curated selection of talented project management professionals and Demonstrate the expertise and qualifications of available professionals.
• Attract potential clients seeking reliable project management support.
• Establish StratPlan as a trusted and competent project management firm.
• Emphasize the company's commitment to client satisfaction and successful project outcomes.

User Experience

placeholder

Design Principels

These are the design principels that guide the design choices for StratPlan:

1. Simplicity and User-Friendliness: The StratPlan website embraces a clean and intuitive design, ensuring ease of navigation and a user-friendly experience for visitors.
2. Clear Communication: The website prioritizes clear and concise communication to convey information effectively. Content is presented in a straightforward manner, enabling visitors to easily understand the services offered and the value proposition of StratPlan.
3. Professionalism and Reliability: The website upholds a professional image, reflecting StratPlan as a reliable project management company. The design, content, and tone maintain a high standard of quality and professionalism throughout.
4. Accessibility: The website is designed to be accessible to all users. Considerations such as color contrast, font choices, and responsive layout ensure that the content is readable and usable across different devices and for individuals with varying abilities.
5. Trust and Transparency: StratPlan maintains transparency by providing clear information about its processes, methodologies, and project management approach. This instills trust in potential clients, enabling them to make informed decisions and feel confident in choosing StratPlan as their project management partner.

Fonts

Placeholder

Color Scheme & Accessibility

For the StratPlan website, a color scheme was carefully chosen to strike a balance between seriousness and playfulness, reflecting trust, positive metrics, and flexibility. The color gamma consists of the following key colors:

Background: #262626 Foreground: #fafafa Accent 1: #D6D0FB Accent 2: #9DE1C8 All colors in the StratPlan color scheme have been carefully checked for contrast to ensure accessibility for all users.

The choice of a dark background (#262626) provides a sense of stability and sophistication, while the light foreground color (#fafafa) ensures readability and contrast.

Accent color #D6D0FB is employed to convey trust and reliability, serving as a prominent color for important elements throughout the website. This color choice fosters a professional and serious atmosphere.

Additionally, accent color #9DE1C8 adds a touch of playfulness and flexibility to the color scheme. It injects a vibrant and refreshing feel, harmonizing with the overall design while reflecting positive metrics and adaptability.

By considering accessibility and using contrast-checked colors, the StratPlan website achieves both a visually appealing design and a user-friendly experience for all visitors.

Imagery

Technology Used

Here I provide a break down of languages and technologies used when working on this project.

Languages

The main languages used to building StratPlan are:

• HTML
• CSS

Tools

Between the tools used to build Stratplan are:

• VS code - Code editor of choice.
• Coolors.com - To come up with the color scheme and test contrast

## Wireframe

Features

Testing

Some of the accessibility testing made for the project and the results:

Deployment

## Credits