{"id":170,"date":"2022-03-23T13:00:45","date_gmt":"2022-03-23T13:00:45","guid":{"rendered":"https:\/\/aliothwp-light.pethemes.com\/?post_type=portfolio&p=170"},"modified":"2023-04-07T21:55:37","modified_gmt":"2023-04-07T21:55:37","slug":"emerald-planet","status":"publish","type":"portfolio","link":"https:\/\/advertising1st.itrendesign.com\/?portfolio=emerald-planet","title":{"rendered":"Arkhitekton Studio"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

The project vision was to create a responsive website online presence focusing on the studio's creations keeping the user needs upfront and center. Images are lead, and text is brief to sustain and give the minimum details required. Exquisite spaces and volumes need just a stage to showcase in all splendour the compositions and proportions that define a project. That is what we wanted to do for this project - let the architecture speak for itself.<\/h3>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

1. Challenges:<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
1. Choose a direct approach without introductions.
\n2. Design an intuitive and clear, user-friendly interface.
\n3. Create a minimalistic UI to present the project
\n4. Display a straightforward process for each project.
<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

2. Meet The Users:<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
Initially, we employed the goal-oriented methodology, which proved effective for our users. To support this approach, we utilized the qualitative research technique, which proved to be suitable. Our research methodology encompassed various tools such as competitive analysis, stakeholder interviews, industry literature, team meetings, and crucial persona creation.<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

3. Website Sitemap:<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
After we chose the objectives, we learned about the competition and having a clear understanding of the users and clients, we started to put pen o paper drawing the structure of the website. The needs and offers dictated the website's main navigation and bone structure. Here is the site map of the Arkhitekton Studio.<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

4. Low-Fidelity Sketches and Wireframes<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
In the ideating Phase, I interacted with architects, designers and stakeholders, which helped to understand their valuable professional points of view about industry trends, business objectives, client interactions and much more. In addition, all the data we collected in the Empathy Page, Ideate Phase and Define Phase helped us shape the first sketches and the low-fidelity wireframes in the Prototype Phase.<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

5. Usability Tests & Concepts Iterations<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
To improve the design concepts, we tested them on ten users by asking them 15 questions and asking them to perform different tasks on the prototypes. Our collected feedback was used to adjust the concepts as new iterations.
\n\u2022 MODERN \u2013 Users receive the contemporary look of the website very well, but they also want content. As a result, we establish a good balance of information and visual images.
\n\u2022 STRAIGHTFORWARD \u2013 We wanted the users to read and understand the message quickly and precisely. Unfortunately, some users reacted negatively, from the boring message to the complex issues. As a result, we improved the message (text and visual) to be relevant.
\n\u2022 TOO MANY CLICKS \u2013 Users had more than one click on some actions to get the information they sought. As a result, we reviewed and enhanced the one-click message where possible.
<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

6. Corporate Identity<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
LOGOTYPE - is made from 2 elements - icon and text. For example, the letter \"A\" is made from 2 different shapes - a circle and a line. The two work together as a logo and separate as an icon.
\n \nWEBSITE ICONOGRAPHY has an essential look with clean lines. But, like Arkhiteckton's creations, the icons show just the essence that helps to convey the message.
\n\nWEBSITE TYPOGRAPHY has a rich look, and a very easy-to-read font cut offers viewers a message that matches the style of shapes shaped by Arkhiteckton.
<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

7. Conclusions<\/h2>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n
Creating the website and company identity for Arkhitekton Studio was a remarkable opportunity to showcase creativity. In this project, we followed a goal-oriented design process and emphasized the creation of persona hypotheses to align with the objectives. However, even with this, we learned that designing solely for business goals could lead to unsatisfactory outcomes and eventual failure.<\/h5>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n \n \"\"\n\n \n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n
\n\n

\"The goal is to create a website that intuitively converts visitors into clients by showcasing their creations with minimal messaging. Arkhitekton's work speaks volumes and can effectively deliver its message without relying on extensive verbal communication.\"
\n- Advertising1st<\/h3>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":864,"template":"","meta":{"_mi_skip_tracking":false,"footnotes":""},"project-categories":[30],"class_list":["post-170","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","project-categories-web-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=\/wp\/v2\/portfolio\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":98,"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=\/wp\/v2\/portfolio\/170\/revisions"}],"predecessor-version":[{"id":1135,"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=\/wp\/v2\/portfolio\/170\/revisions\/1135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=\/wp\/v2\/media\/864"}],"wp:attachment":[{"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=170"}],"wp:term":[{"taxonomy":"project-categories","embeddable":true,"href":"https:\/\/advertising1st.itrendesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproject-categories&post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}