Scroll to see the process I follow to do XD research, design, and develop a website or app.
design
Requirements Analysis
Requirements for the project are gathered here. I use a brief template and get as much information as I can to see what needs the client has.
Personas
I then create user personas to think through the user’s tasks and needs.
User Experience
I compare what the company needs and user needs and work through user experience analysis to find a structure that works for both, and keeps good information architecture and SEO structure. I also visualize the user flow to check my assumptions.
Style Tile Design
I compare what the company needs and user needs and work through user experience analysis to find a structure that works for both, and keeps good information architecture and SEO structure. I also visualize the user flow to check my assumptions.
development
Prototype
I use the approved style tile to work into a mobile-first design. I have to keep in mind the structure created during wireframes to make a flow that is visually pleasing and technically possible. I create an Adobe XD prototype with images and interactions in mobile screen form and then complete tablet and desktop.
Development
I produce sites with WordPress and Elementor to make my XD document into a functioning website, make changes and set up templates to work with a pixel-perfect design. If the client wants the ability to edit or add content, I set that up as well.