Al Razi Siam | UX/UI Designer and Webflow/Framer Developer

Scroll to top
Light
Dark
Light
Dark

“Siam does incredible work and seems to just get what you want. I highly recommend working with him and I’m looking forward to our next project together.”

Nathan Horgan

Senior Digital Product Manager, Bupa

“Siam was great to work with. Took direction well and provided a quick turn around on all the tasks we gave him.”

Brady Uselman

CEO, Oil Command

“He is the most skilled web designer you can find.”

Hjalti Sveinn Viktorsson

Founder, Venus Management Ltd.

“Unbelievable work! hidden talent. Really happy with the turnout.”

Ricky Ingram

Owner, Visual Group Digital

“Siam was easy to work with, flexible and takes in feedback well. He executed the designs in a timely manner after ingesting all the design preferences we had. Siam also accommodated our timezone difference to allow us to complete our project delivery in the shortest amount of time possible.”

Clifford Lee

Engineering Leadership, Amazon Web Services

Worked with Al on two projects for about a year, specifically the creation of my company website, www.0260labs.com, as well as a mobile application that is currently under development. His knowledge of both Webflow and Figma is 10/10. What takes others weeks if not months to complete, Al is able to get done in days. I highly recommend Al for any UI/UX project you may be considering.

Andy Cole

CEO, 0260Labs & Highlite

“I hired Abdullah to handle a responsive web page design (mobile / tablet / desktop). He was responsive to my requests and delivered my works on time.”

Benny Chan

Manager, SillyCube Technology Ltd.

“Siam is a pleasure to work with. Excellent communication and ability to implement requirements. Will certainly work with him again.”

Rashied Amini

Founder at Nanaya and Systems Engineer at NASA JPL

My Typical Workflow:

As every project is different, I adapt my design process to the requirements, goals, and objectives of the client, but typically it looks like this:

1. Project Brief
I will discuss with you about the project goals, objectives, and unique challenges and important context such as your primary audiences and stakeholders, current pain points.

2️. UX Research
I will carry out competitor research and analyze to see your weakness and strengths position compared to your competitors and to see how you can perform better.

3️. UI Flow & Wireframes
Building information architecture is absolutely crucial here. I will begin with user flows to ensure that we aren’t missing any pages or screens. Then I will start with wireframes to ensure all the content is in place. These will be reviewed by you before proceeding to the next stage.

4️. Visual design (UI) & prototyping
I will take those wireframes and design high-fidelity mockups of the website/app. Then, I will transform them into clickable prototypes in Figma so that you can see a functional version website/app.

5️. Collect feedback and conduct user research
Once the UI design is complete, I will present the designs and walk you through them step by step and show you how it works. Based on your feedback, we can do some revisions to make it perfect. After that, we can test it with users by interviewing them or taking online surveys.

6️. Creating UI Guidelines
Before making final deliverables, I will provide a document with GUI Styles and elements states with descriptions for the development team. You will receive a doc with an animation effects description for each element or block.

7️. Delivery
I will ready all the final deliverable assets and hand them over to you once we are happy with the results. If we are designing and developing, I will take those assets and details I need to develop the website

My typical workflow for an entire website project:

1. Goal Identification
I work with the client to determine what goals and objectives the new/redesign website needs to fulfill.

2. Scope definition:
We can define the scope of the project, the number of pages, the features that the site requires, and the timeframe for building those pages.

3. Sitemap and wireframe creation:
Now we start building sitemaps and low-fi wireframes, focusing on how content and features can be layout in these wireframes.

4. Content creation:
As we start creating/writing content for the individual pages, keeping them SEO friendly will help pages focus on a single topic.

5. High-fidelity mockup:
It's vital that we have real content to work with before we proceed to design high-fidelity mockups. With feedback and revisions, we finalize our mockups.

6. Development:

To keep it seamless and make the development process faster, we start with building the design system (style guide) into Webflow/WordPress, then build out the static webpages as per mockups. Then we add high-end interactions, animations, or features as per requirements.

7. Testing:
It's time to test those pages on multiple devices with multiple browsers with automated site crawlers to identify everything from user experience issues to simple broken links.

8. Launch:

Once all the testing becomes successful, it's time to launch our website. I also provide site support and maintenance so my clients can rest well at night!