⊕⊕⊕⊗⊗ HOME
e
VERSION 6.0

My Process

Full-Stack Designer Full-Stack Developer Project Definition/Research UX Design SketchWireframesMood Boards Prototypes Interaction PrototypesAnimationinteraction Back-End Dev PHPJAVA.NET UI Design DesignHigh fidelity compsPrototypes Front-End Dev HTMLCSSJavascript Launch /Maintenance The UserExperiencedesign process is not unlike othercommunicationprocesses buttake twice as long Testing




Project Definition

Project summary

Outlines the general overview of the project

Goals

Clear goals allow the me the ability to focus on what will provide the most impact and creat the most value.

Target audiences

Most organizations speak to multiple organizations (such as customers, stakeholders, internal audience, suppliers, partners, shareholders and/or government institutions). Audience profiles include demographics, psychographics, brand perceptions, audience needs, online goals and tasks routinely performed.

Messages

What are the key messages that attract and motivate key audiences to engage with the organization? What are the key brand messages that help differentiate the organization?

Competition

Who are rival organizations that provide similar offerings to your audience? Include an overview of competitive organizations’ Web sites, considering visual branding, messaging, navigation, calls to action and key differentiators.

Scope

One of the most common frustrations with creative projects is creep. By creating a well-defined project plan that outlines specific activities and deliverables, along with specific timelines, I can clearly set expectations for you. Letting the you and your team know that the delivery schedule is dependent on everyone hitting their marks; if someone misses a date by a day, the schedule shifts.

Research

Referred to as the Discovery phase, the Research phase is probably the most valuable phase of a projects. Complex projects will comprise significant user and competitor research, while small startup research consist of some informal interviews and/or survey. Research is key to creating an informed user experience. It is also the phase most often skipped.





UX Design

Sketch

I always start with sketching. It is the easiest way of visualizing an ideas. I create many different versions for solving a particular problem. It makes me think. I will show everything to the you. Always. Even the sketches, because it helps the you to understand the evolution of the process and what I am thinking. This may bring up new ideas

Wireframes

Site architecture includes a sitemap and wireframes of pages. Creating the sitemap ensures that I’ve considered all the key pages in the site, showing their relationship to each other and defining how the sties overall navigation should be structured. Wireframes provide a detailed view of the content that will appear on each page. Although they do not show any actual design elements, the wireframes provide a guide for defining content hierarchy on the page.

Mood Boards

Creating the best design-mood requires lots of talking. The easiest way to do this is is face to face a few-hours, during which we can talk through the design in detail. You have the most knowledge about the product and the target audience.

Prototypes

The next step in the UX design process is when I take the sketches and start designing the screens in Adobe products (Adobe Experience design, Photoshop, illustrator and any other softwear needed).





UI Design

Design

Once the blueprint for the site has been defined through the creation of the sitemap and wireframes, the next step is to create a visual style. The overall visual style will most likely be determined by the visual brand of the organization; the goal being to connect the Web with all other forms of the organization’s communications. The organization’s brand plays an important role in this part of the process, as designers will want to visually convey key brand perceptual ideas within the design.

High fidelity comps

The next step in the UI design process is when I design all the pixel perfect screens in Adobe products (Adobe Experience design, Photoshop, illustrator and any other softwear needed).

Prototypes

Take the High fidelity comps "pixel perfect screens" and link them to show site or app flow.





Development

Once the designs approved, it’s time to develop new content and/or refine old content and other media that will appear on the site as well as start to build out the HTML and CSS of the site.


While designs may have been refined and are ready to hand off to developers, it is important for designers to stay involved in the development process to guarantee a high quality, final outcome of the product and make appropriate changes if new constraints emerge.





Testing

Testing is critical as there will be issues that need to be addressed before go live. The project will be reviewed on multiple browsers (Firefox, Safari, Internet Explorer) and multiple devices (laptops, tablets, and mobile) I also use other tools like googles LightHouse to see if problems occur.





Launch

I have tested the project, had it reviewed and approved by the stakeholders. Expect to make some immediate changes to the project, such as fixing broken links, editing copy and making adjustments. Every project is a fluid medium that changes on daily/hourly basis
change will happen.


Maintenance

Websites are living, breathing entities and need constant care and maintenance. Updating content, making changes to the backend and fixing broken links are all in a day’s work.All of these phases are critical to the Web design process. But the thread that runs through the process is strategy: the desire to achieve a goal, to move the organization forward, to prosper in a competitive environment.


Conclusion

To design an innovative and useful product, you need to prioritize user empathy and flexibility to the constraints that you encounter along the way. The foundation underneath a solid UX process is focusing on the end user.

HTML 5