[vc_row parallax=”on” background_style=”cover” contentcolorclass=”lightondark” background_color=”#ffffff” rowimage=”1488″ videoaspectratio=”800:450″ parfactor=”5″ overlay=”on” overlay_color=”rgba(12,12,12,0.75)” noise=”off” toppadding=”80″ bottompadding=”0″ mode=”parallax” parspeed=”8″ btwidth=”0″ btcolor=”#44576a” bbwidth=”0″ bbcolor=”#44576a” padding_top=”70″ el_class=” bottomzero”][vc_column width=”1/1″ el_class=”textaligncenter”][vc_row_inner el_class=”bottomzero”][vc_column_inner el_class=”” width=”1/6″][/vc_column_inner][vc_column_inner el_class=”” width=”2/3″][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][tp_vc_headline headline=”Work Steps” headline_size=”h1″ alignment=”center” underline=”on”]

The first thing I will do is to get you to send me a detailed brief, this helps you just as much as it helps me as it forces you to sit down and really plan your idea. Once you have the brief I can digest it and give you some indication of costings and estimates for my services.

Providing all is good we can begin to discuss how the product should function and who your target audience is, iron out a few kinks and ensure we’re both on the same page.

[/tp_vc_headline][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][/vc_column_inner][vc_column_inner el_class=”” width=”1/6″][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”bottomzero” css=”.vc_custom_1435369824775{background-color: rgba(15,15,15,0.59) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;*background-color: rgb(15,15,15) !important;}”][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”80″][vc_single_image image=”1544″ border_color=”grey” img_link_large=”” img_link_target=”_self” img_size=”full” el_class=”space_hoover” alignment=”right”][/vc_column_inner][vc_column_inner el_class=”” width=”2/3″][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][tp_vc_headline headline=”01 UX (User experience)” headline_size=”h3″ underline=”on”]I tackle the UX by creating highly detailed wireframes which act as a living document that develops as the idea grows. Wireframes are perfect for spotting problems early and a vital exercise to ensure we understand how the app works and flows.

UX is much more then wireframes, it’s about understanding the user flow and how they get from A to B without getting lost or distressed. UX leans towards the strategy side, how things work, what does what, what happens if you tap here, what if X happens. Once you have worked out where your problems may be, you can work on solutions[/tp_vc_headline][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”bottomzero” css=”.vc_custom_1435369824775{background-color: rgba(15,15,15,0.59) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;*background-color: rgb(15,15,15) !important;}” el_id=””][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”77″][vc_single_image image=”1540″ border_color=”grey” img_link_large=”” img_link_target=”_self” img_size=”full” el_class=”space_hoover” alignment=”right”][/vc_column_inner][vc_column_inner el_class=”” width=”2/3″][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][tp_vc_headline headline=”02 UI (user interface ) Design” headline_size=”h3″ underline=”on”]

The next step is to make it look pretty, this is where the User Interface design comes in, UI is everywhere – every website you have ever been on has a form of interface design in one way or the other. UI is hugely important to get right, as you may have the best idea in the world but if it looks bad none will want to try it. The UI process starts with rough visuals and finishes with highly detailed and finished layered artwork

[/tp_vc_headline][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”bottomzero” css=”.vc_custom_1435369824775{background-color: rgba(15,15,15,0.59) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;*background-color: rgb(15,15,15) !important;}” el_id=””][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”90″][vc_single_image image=”1543″ border_color=”grey” img_link_large=”” img_link_target=”_self” img_size=”full” el_class=”space_hoover” alignment=”right”][/vc_column_inner][vc_column_inner el_class=”” width=”2/3″][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][tp_vc_headline headline=”03 Development” headline_size=”h3″ underline=”on”]

[/tp_vc_headline][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”bottomzero” css=”.vc_custom_1435369824775{background-color: rgba(15,15,15,0.59) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;*background-color: rgb(15,15,15) !important;}” el_id=””][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”72″][vc_single_image image=”1549″ alignment=”right” border_color=”grey” img_link_large=”” img_link_target=”_self” img_size=”full” el_class=”space_hoover”][/vc_column_inner][vc_column_inner el_class=”” width=”2/3″][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][tp_vc_headline headline=”04 Deployment” headline_size=”h3″ underline=”on”]Before the site is launched, it will be placed on a production server where only internal audiences and anyone who you share the link with can view it. Testing of the site is critical as there will inevitably be issues that need to be addressed before the site goes live. There is nothing that erodes a brand more than a site that doesn’t function properly or that has misspellings or broken design elements. At this stage the site will need to be reviewed on multiple browsers (Firefox, Safari, Internet Explorer) and multiple devices (laptops, tablets, and mobile) to see if and where breaks occur.[/tp_vc_headline][vc_empty_space height=”17″ hidemobile=”” visiblemobile=””][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”bottomzero” css=”.vc_custom_1435369824775{background-color: rgba(15,15,15,0.59) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;*background-color: rgb(15,15,15) !important;}” el_id=””][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”15″ hidemobile=”” visiblemobile=””][vc_empty_space height=”10″ hidemobile=”” visiblemobile=””][/vc_column_inner][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”10″ hidemobile=”” visiblemobile=””][tp_vc_button style=”subtle” title=”PortFolio” icon=”icon-briefcase” target=”_self” href=”http://ahmedshaban.net/portfolio/”][vc_empty_space height=”15″ hidemobile=”” visiblemobile=””][/vc_column_inner][vc_column_inner el_class=”” width=”1/3″][vc_empty_space height=”10″ hidemobile=”” visiblemobile=””][tp_vc_button style=”subtle” title=”Get in Touch” icon=”icon-paper-plane” target=”_self” href=”http://ahmedshaban.net/contact/”][vc_empty_space height=”15″ hidemobile=”” visiblemobile=””][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]