top of page
Hook Apps
Responsive website design
Jan 2023 | Company Hook Apps
Responsive web
![Frame 1.png](https://static.wixstatic.com/media/dc2ce4_50f3b838a10843ef96c6edec6f0784e5~mv2.png/v1/fill/w_714,h_634,al_c,q_95,enc_auto/Frame%201.png)
Project overview
Hook Apps is a specialized development company that focuses on crafting innovative solutions for the thriving betting and gaming industry. With a keen understanding of the market, Hook Apps creates a range of free-to-play and pay-to-play games and applications that expertly aid their clients in acquiring new users, retaining existing customers, and rewarding loyal players.
The challenge
Redesign responsive website and create a design system that will effectively meets the unique business objectives and satisfies the specific needs of the intended audience.
My role
As the lead product designer, my role involves collaborating closely with both clients and developers. I work to understand the client's vision and goals, and translate that into a product design that meets their needs. Throughout the design process, I work in close partnership with developers to ensure that the product is feasible and meets technical requirements. This collaborative approach ensures that the final product is not only visually appealing, but also functional and effective.
![Slice 21.png](https://static.wixstatic.com/media/dc2ce4_c4942f7bee1742a79a674f8beb34c424~mv2.png/v1/fill/w_76,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/dc2ce4_c4942f7bee1742a79a674f8beb34c424~mv2.png)
Wireframing
User Interface Design
The main aim of user interface design is to make it easy for users to achieve their goals when using an app. This involves researching and understanding what users need, and creating screens that are visually appealing and user-friendly. By doing this, the app becomes easy to use, and users are more likely to enjoy using it.
The site is fully responsive and supports desktop, tablet and mobile.
![22222222222222.png](https://static.wixstatic.com/media/dc2ce4_7ad7783014384fd79f3dc691e736b039~mv2.png/v1/fill/w_79,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/22222222222222.png)
![111111111111111.png](https://static.wixstatic.com/media/dc2ce4_942abc60422144aebe2dfac8b2d6f003~mv2.png/v1/fill/w_61,h_123,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/111111111111111.png)
![333333333333.png](https://static.wixstatic.com/media/dc2ce4_963356ea590a4d8fadbe2bdfb58af6ef~mv2.png/v1/fill/w_79,h_173,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/333333333333.png)
![444444444444.png](https://static.wixstatic.com/media/dc2ce4_78abc7becb2a4c97b49752d8897aa33b~mv2.png/v1/fill/w_61,h_388,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/444444444444.png)
![ezgif.com-video-to-gif (3).gif](https://static.wixstatic.com/media/dc2ce4_3cd4c43396e6470c8079b723649a4b68~mv2.gif)
![ezgif.com-video-to-gif (4).gif](https://static.wixstatic.com/media/dc2ce4_ef713733cd0647bca11de207033aeef3~mv2.gif)
![Slice 11 1.png](https://static.wixstatic.com/media/dc2ce4_89cae76509b04293b35bf870d7bd1dc9~mv2.png/v1/fill/w_79,h_49,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Slice%2011%201.png)
![13 Pro - 11 1.png](https://static.wixstatic.com/media/dc2ce4_5f4f3c87045840acb00fde0ee0ce7389~mv2.png/v1/fill/w_61,h_123,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/13%20Pro%20-%2011%201.png)
![Slice 12 1.png](https://static.wixstatic.com/media/dc2ce4_f24ed9c9961c45bf9445580acbfc927d~mv2.png/v1/fill/w_79,h_115,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Slice%2012%201.png)
![Slice 13 1.png](https://static.wixstatic.com/media/dc2ce4_40ccf96103514272adc0e351babc00e9~mv2.png/v1/fill/w_61,h_267,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Slice%2013%201.png)
Design review after implementation
After the website was finished, I carefully looked at it and tested it from a user's point of view. I wanted to find any areas that could be improved to make the website easier to use. I gave specific feedback to the team working on the website about what needed to be changed.
bottom of page