Eight Essential Website Design Steps Behind The Scene

Eight Essential Website Design Steps Behind The Scene

Eight Essential Website Design Steps Behind The Scene
Published At By Hupen Pun

“Everything is designed, but only a few are well designed”. And, those well-designed websites, Web Applications do have some genuine design steps behind the scene. The Website design is much like solving Math problems. While solving the Math problem we divide the problem into parts and with the help of Mathematical formulae, we solve it step by step.

Website, Web Application design is a complex process so we have to complete it in a phase by phase manner. Moreover, the website design process needs different technologies to work together so that it satisfies your client and increases your profitability. The Eight essential phases are as follows.

  1. Goal Identification
  2. Scope Definition
  3. Sitemap And Wire Frame
  4. Content Creation
  5. Visual Elements
  6. Development/Coding
  7. Testing And Redefining
  8. Launch

1. Goal Identification:

You need to talk with your client about why he/she is going to develop/design the website. Your client may have one or more goals to achieve, you list them in your notebook.

2. Scope Definition

At this step, you will be calculating and estimating the size of visitors, technical resources it may require in the meantime, and over time as its size grows. Also, you should estimate how large it may go over time.

3. Sitemap And Wireframe

Now, you have basic information about the website it’s time to work on the website wireframe. The wireframe means a tentative sketch of the website. So, for wireframing, you can use different UI/UX design tools/Software like Adobe XD, Figma, etc.

4. Content Creation

This content creation part is so crucial in the website designing process. This step can be regarded as the heart of the process. You should have good, promising, clear, and easy-to-understand content for the website.

5. Visual Elements

This is the stem where your promising content meets the great design. At this step, we will be collecting different resources for the website. The resources may include Images, Videos, Icons, Business logos, Audio, etc. After you have collected everything you will be transferring them into your previously designed wireframe on the UI/UX tool whatever you are using. Then, you will be showing it to your client, recording the suggestion on it. You should be clear that your client is god, what he/she says, thinks is always true like universal truths do.

6. Development/Coding

Once, your client confirms the design next you will be coding or giving your wireframe life. While developing a website (coding) you should be aware of the security, responsiveness over devices, scalability, etc.

7. Testing And Debugging

Now, your website/web application coding/programming is complete and you have it on your hand. It’s time to test it out. Here, you have to test all the possible aspects, you have to check load balancing, website speed. Also, you should consider extreme cases like what if there are more visitors than we estimated previously. When it passes all the checks, then only it will be ready for launch. If any errors do appear, you will be right through debugging and getting it robust.

8. Launch

Ahh, it’s the big day. It’s time to launch the website, you get it to a live server and deliver the website to your client.

Hupen Pun

Hupen Pun

Hi There, I am Hupen Pun. I enjoy Teaching Mathematics/Science, Trekking Guiding in Himalayas, Developing Web Applications.
Mahabir Pun A Visionary Social Entrepreneur

Mahabir Pun A Visionary Social Entrepreneur

Mahabir Pun A Visionary Social Entrepreneur
Published At By Hupen Pun

Mahabir Pun is well known in Nepal for his extensive work in rural villages in fields of health, education, and awareness programs by connecting those remote areas through the internet using wireless technologies. Born in Nangi Village, Myagdi District which is in the Himalayan foothills of western Nepal. Although it takes 7 hours hard climb to reach Nangi and not even a presence of telephone line, Mahabir’s determination to connect his village to the rest of the world has succeeded by using wireless internet technology.

Pun who had difficult times during his childhood for getting an education in Nangi, his father moved their family to Nepal’s lowlands (Chitwan)  so that his son could get educated. After finishing high school Pun started teaching in a local school for 8 years and finally got a scholarship to complete his bachelor’s degree at the University of Nebraska at Kearney. After finishing his bachelor’s he didn’t settle in the US but returned to his village Nagi after almost 20 years to help the local youth to get a better education.

At that time Nangi’s leaders will be establishing a village high school and in which Pun happily got involved and once a month he had to travel 2 days to the nearest town of Pokhara to check his e-mail and contact his friends abroad and asking for little help for his village. Finally, in 1997, a donation of four used computers from Australia arrived, but there was no electricity to run them. After Pun’s initiative, they generated enough power to run the computers from small hydro generators run from a nearby stream and he started teaching computer classes at Nangi high school. After this success, more computers followed but they were not connected to the internet, and was impossible to get a telephone connection from Pokhara.

To solve this, Mahabir e-mailed the British Broadcasting Corporation (BBC), asking for ideas to help connect his village. In 2001, the BBC publicized his dilemma, and within a year volunteers from Europe and the United States were helping him set up a wireless connection between Nangi and the neighboring village of Ramche, using TV dish antennas mounted in the trees. Small grants along with the volunteers soon led to the construction of improvised mountaintop relay stations and a link to Pokhara and by 2003 Nangi was online. This was big news on the World Wide Web and a group of backpacking volunteers along with many donated computers, parts, and equipment were carried up into the hills. Pun expanded the wireless network to 12 villages and distributed ninety used computers to the local schools and communication centers, connecting them to the internet, teaching teachers how to use them, and then troubleshooting until everything worked.

Now by the help of the internet people from Myagdi are learning through Pun’s “tele teaching”, good teachers in one school now instruct students in others. Local health workers use Wi-Fi to consult the specialists in Pokhara, students learn global skills by surfing the net, and villagers e-market local products such as buffaloes, cheese, honey, and teas. Also, they are drawing more trekkers to their houses by offering them internet services. Similarly in parallel projects, Mahabir has helped villagers to use solar power for energy needs, people of Nangi have added a library, health clinic, and new high-school classrooms.

Even after these contributions to society Mahabir has a lifelong vision for improving rural Nepal. He states that “I believe that visions will only be wishes if we don’t share it and work on it”.

His first vision is to “set up vocational training schools for rural people so that the young can get better jobs in the national and international job market”

The second vision is to “help people start income-generating programs in rural areas that are viable there to create the local economy and to create jobs locally”

The third vision is to “bring information and communication technology to the remote villages of my country and use it for educational, medical, commercial and communication purposes”.

Mahabir’s work has been recognized by:

The Ashoka Foundation

Mahabir Pun was elected Ashoka Fellow in 2002 by Ashoka Foundation, USA, which is the global association of the world’s leading social entrepreneurs. The foundation recognizes people from around the globe, who have “innovative solutions to social problems and the potential to change patterns across society”.

Global Ideas Bank

Mahabir Pun was given the Overall Social Innovations Award for 2004 by the Global Ideas Bank (aka the Institute for Social Inventions) based in the UK.

The Ramon Magsaysay Foundation

The Ramon Magsaysay Foundation of the Philipinnes awarded Mahabir Pun Ramon Magsaysay Award 2007 for Community Leadership. Established in 1957, the Ramon Magsaysay Award is Asia’s highest honor and is widely regarded as the region’s equivalent of the Nobel Prize. It celebrates the memory and leadership example of the third Philippine President and is given every year to individuals or organizations in Asia who manifest the same sense of selfless service that ruled the life of the late and beloved Filipino leader.

University of Nebraska

University of Nebraska, USA invited Mahabir Pun for a winter commencement speech and was awarded Honorary Degree, Doctor of Humane Letters in December 2007 for his outstanding work for his country, Nepal. 

Hupen Pun

Hupen Pun

Hi There, I am Hupen Pun. I enjoy Teaching Mathematics/Science, Trekking Guiding in Himalayas, Developing Web Applications.

OUR SERVICES

HUPEN DESIGN

We are a group of freelancers and web developers based in Kathmandu, Nepal. We are dedicated to design and develop beautiful, responsive and high-quality websites. We also provide social media marketing and Search Engine optimization modules that can be easily integrated into your packages.

Seven “P” For Startup Businesses

Seven “P” For Startup Businesses

Seven “P” For Startup Businesses

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.