MediBD Landing page
About the project
A Bangladesh start-up called “Medibd” comes to you with their new technology that can assist patients with their medical consultancy by using artificial intelligence. The startup wants a website for it. They want it to be modern, professional and friendly. Also the design should carry a vibe of Bangladesh as the brand is targeting local clients.
Tasks to complete
1/ Create a wireframe for the website.
2/ Design the UI of the landing page.
3/ The page will have following section:
- Header
- Hero section
- About Us
- Features
- Testimonial
- Contact
- Footer
4/ Feel free to use any colour scheme, dummy texts, icons, images and typography related to the project outline.
5/ Use your creativity to present it in the best possible way.
Targeted Audience
People of all ages & genders
Platform
Web Only
Time Frame
3 Days
The Process
1. Research
2. Synthesizing research & competitor analysis
3. Paper prototyping
4. Layout design
5. Visual design
6. User Testing & conclusion
01. Research
For my research plan, I needed to learn more about the market, users, their needs and company owner goals. Building a landing page for all types of users at the same time posed another challenge. First I had to reach out to the business owner to know what he actually wants to acquire through the updated website. To go more in-depth I came to learn about its targeted audience & what's their online behaviour.
02. Synthesizing research & competitor analysis
I synthesized the data I gathered from the study about the audiences & the goals of the business owner. The audience have a separate use case. I tried to find out a better perspective of their problems and a clear solution for both type audiences under the same roof. I also found what their common requirements and how this can be solved on the first page. I also collected data from the competitor.
03. Paper Prototyping
I always starts with paper prototyping because it's the easiest, fastest, cheapest method to test a digital product and it's very easy to iterate any number of times. I tried to drew the layout of the landing page based on the two types of audiences requirements & business owner and then also collected their feedback.
04. Layout Design
After the paper prototype, it is time to go digital & get a more clear vision about the UI. I took the feedback from the paper prototype & I modified the design in medium fidelity wireframe accordingly.
05. Visual Design
After all of the research & synthesizing it time go for the final make over. It can also be called high fidelity design.
Final Screen
The 12 Column grid lay out is perfectly maintained all over the design. The spacing in each section is also perfectly maintained.
