Dorancy Analytics

Data Analysis Company

Problem

The website needed to portray and accurate represent her services while maintaining a great user experience

Collaborators

- Jesus Paredes

Roles

UI/UX Consultant

Period

April 2023- May 2024

Product

Dorancy Analytics, LLC specializes in providing research, evaluation, and assessment services and products to empower organizations with actionable insights. They focus on delivering high-quality program evaluations, statistical analyses, and psychometric consulting

Tools Used

Figma

Webflow

Photoshop

Tools Used

Figma

Squarespace

Photoshop

The Goal

Create a modern data analyst website that represents the company and it's services to it's potential with a design that will appeal users to stay against competitors

Accessibility Report • Digital Wireframing • Low and High-fidelity Prototyping • Iterating on Designs • Determining Information Architecture • Responsive design • Site Mapping •

Responsibilities

Research

Ideation

Conclusion

research

How Do We Stand Out?

Brainstorm

To get started I had to think of ways to stand out against competitors in a good way. Many competitors websites do not seem up-to-date, so a modern website helps give visitors a feeling like, "this company is up-to-date in their field".

The Big 3

After all those ideas I sat back and thoroughly analyzed which ones would be the most ideal and presented it to the team during a meeting, we narrowed it down to:

Dashboard Designs

Dashboard designs today appear to be very trendy and popular, especially for data anaylsis

Minimalist Designs

Minimalist designs today seem to be trendy overall with modern websites

Interactive Elements

Websites today have many interactions to let users know the CTA buttons and even for some entertainment

After thorough research with The Big 3 I discovered the following

Dashboard Designs

As I researched more about dashboard designs and the trendy wave it has going on today, I discovered the following ideas.

Bento Box

Just like a bento box for food containing several compartments. It is the same for designs and has become quite popular.

Colorful

With the dashboard designs being in a box i can add some color to it and make the site more lively,

Visualizations

Use visualizations that relate to whatever content is in each single dashboard.

Minimalist Design

As I searched for many modern websites using minimalist design and finding success in it I discovered the following main components they incorporated:

Typography

Typography can be used to help bring a font that is smooth and clean to add on to the minimalist design

White space

White space is used to help create the simplicity in minimalist designs seen today

Visual Hierachy

Visual hierachy is an important component to emphasize the most important elements in minimalism

Interactive Elements

As I searched for the most successful websites in this field, I discovered the interactive elements they used were for the following instances:

Call-To-Action

CTA can be used for buttons to emphasize the most important things in the website

Animations

Certain animations being triggered on a minimalism design can cause user retention

Reveal

Reveal elements that can either be animations or text or more can lure in more visitors if done correct

Research Summary

Methods Used

Secondary Research • Competitive Analysis • User Interview • Surveys • Usability Metric Comparison

User Needs

User-Friendly Interface • Responsive Design • Current and Relevant Content • Engaging Visuals • Competitive Edge

Design Principles

User-Centered Design • Responsive Design • Simplicity and Clarity• Visual Consistency • Content Relevance • Accessibility

ideation

Research

Ideation

Conclusion

Mockups and Usability Tests

I had initial sketches during a team meeting to figure out and lay the ideal route we'd go for designs. The following designs are iterations that continuously changed after usabilty tests and stakeholder opinion.