My Design Process~ Let's get to work! ~
- Design solves a problem. In order to provide a solution, you first need to understand the problem. As an experienced UI/UX designer and developer, I've established an efficient process that puts planning and organization into action. I start with learning about the client, their business and goals. I begin by giving them a comprehensive questionnaire to fill out that will help both client and designer to understand objectives, requirements and scope. Once the questionnaire is completed, I interview and observe the clients/users in their real environment. I define user personas, user stories and user flows.
- Next is the research and analysis phase. I'll take a look at the client's target market and competitors to find out what it will take to set them apart. I research the latest in UI/UX trends and best practices, and any guidelines specific to the client, that must be adhered to. I do a content audit of the client's existing and planned content, and give them a content delivery schedule. I also create a project roadmap of estimated milestones, key deliverables, dependencies and possible risks.
- In the sketching phase, I diagram a sitemap and site navigation. I draw sketches of multiple layouts for the homepage and two interior pages. Based on these sketches, I create wireframes in Adobe XD to share with the client/stakeholders, that will show site architecture, user flow, and basic page layouts. This stage is an iterative process that requires feedback and input from stakeholders.
- Once the wireframes are finalized, the next step is to work on designing the UI. In this phase, I focus on pixel dimensions, spacing, colors, typography, iconography, imagery, and graphics. I will design 1-2 versions of high-fidelity mockups or responsive prototypes of the home page with 1-2 secondary pages, for the client to choose from. Then we'll go through 2-3 rounds of feedback before finalizing the UI.
- Once the client has signed off on desired theme and style, I'll set up a local environment to start building and testing the site. This stage involves coding the front end of the site - each and every element and interaction.