SaaS Website Design

Folarin Babalola

(0)

Starting at

/hr

About this service

Summary

My design process is generally divided into four parts:

✅ Discover & Strategize

My goal with each project is to deliver solid & real-world solutions that achieve actual business goals. I do this through idea generation & exploration in my processes & final delivery.

✅ Direction & Empathy

The real world rarely matches the blueprints. So, I stick around to make sure reality matches the vision. And if not, I am there to help direct or offer possible solutions. I make sure to help you attain the desired heights of your vision.

✅ Identify & Clarify

One of the most essential steps in the process is identifying and defining all aspects of the project, such as project goals, audience, market, competitors, specifications & requirements.

✅ Human-centric

No matter what the context, all design activity is social in nature, & any social innovation will bring us back to the human-centric point of view. With over five years experience conceptualizing and crafting digital products, I’ve helped companies, organizations, and start-ups build digital products for humans.

Why you should choose me over other freelancers.

During the past 5+ years of working in diverse industries including education, health, media, SaaS and non-profits, in environments ranging from tiny startups to Fortune 500 companies, I have exposed myself to various challenges involving user experience and visual design. My designs have been instrumental in acquiring close to $1 million grant for a healthcare platform (NucleusIS), and products being used by millions in Nigeria.

These experiences have helped create distinguishing qualities, in my services, that set me up for success and which I always carry forward in my works.

Self-discipline: In the midst of endless distractions it is very easy to get tired or carried away. To curb this excesses I have developed a strategy with time management that helps keep my eyes on the ball. When it’s time to work, I put in my best and deliver great results beyond expectations.

Professionalism: Professionalism is not just by words of mouth only, it boils down to ACTION! Without professionalism, I understand that no client is going to take me seriously so I communicate well, keep my promises, do my job within the agreed timeline, and maintain high-quality standards.

Resilience: I am optimistic. I will stop at nothing to ensure that any problems or issues encountered are solved.

Flexibility: I am a freelancer and no two days are the same. I understand that projects will vary hugely in size and complexity, so will my working hours. I am always ready to adapt and learn.

Client feedback: One of my most important core values is client’s feedback. Customer feedback will help you understand exactly how your customers experience your service or product and fixing their concerns will lead to an improved client experience. Customer satisfaction leads to customer retention. What good will it be if I make a million dollars at the expense of my client’s satisfaction? Client satisfaction is my priority and I will pull all stops to ensure that I achieve that.

I believe in empowering my clients through innovative product designs. Having worked on numerous digital products I know how transformative a powerful digital experience can be, for companies and customers alike. I enjoy expanding and adapting my thoughts, skillsets and processes to the changing problems and needs in the world around us.

When you work with me be rest assured that you will get a flexible, personal and transparent service.

What's included

Sprint Timeline
This is an essential part of the project. A regular sprint ensures that every team member and all stakeholders are on the same page. It helps to uncover oversights that may have fallen through the cracks. It's also essential for team bonding. A weekly design sprints where we go over the project with the team of project manager, dev team, engineers, testers and other stakeholder. The timeline is tentative because of the scope of the project, as some projects would require more ideation than other till we arrive at an MVP. Week 1: We discuss the product goals and share ideas of the product direction and review the mood board. Week 2: We review wireframe and propose any edits or tweaks. Finalise the wireframe to move on to mockup Week 3: Additional reviews and feedbacks. Final design hand-off.
Design Mood Board
I create mood boards to ensure that my design approach is on the same page with the client's ideas with regards the general look and feel of the product. This will include things like logos, typography, color palettes, images, sketches, and other design assets. The use of this is to give clients and other stakeholders an idea of the direction the design is going to take and also helps greatly with feedbacks.
Wireframe
This is closely similar to design mood board but here additional functionalities are included such as prototyping. I use this for collaborating with software developers as I ensure to can get them acquainted with how the product is going to work and look while they estimate time and specifics of the development phase, and give recommendations according to technical requirements and future product capabilities.
Type Systems
The type system defines things like the typefaces, font sizes, weight, line height, and letter spacing the design will use. It helps greatly with typography hierarchy.
Design System
Design systems can include design patterns, best practices, code snippets, style guides, design resources, and non-tangible things like brand values, mindsets, and beliefs. I frequently use Google's Material Design System but always consider whether the design I'm creating would benefit from an existing, recognizable design system or not.
Mockup
These are full-size models of devices showing how the designs will look in real life. They can help developers assess the functionality of the design, as well as the visual appeal. Mockups can also be used for showing stakeholders the design before it’s handed off to developers. They can also be used for user testing.
Design Handoff
A design handoff document that includes mockups, interactions, copy, accessibility validations, specs, and assets necessary for a dev team to release the product or product updates. Ideally, I always consult with developers during the design process to make sure the assets I hand off can be implemented, particularly within the timeframe and budget of the project.